CSS中的UL和LI元素是很常見的列表類型，它們常常被用來表示導航欄或者菜單等元素。在使用UL和LI的時候，我們可以使用CSS來改變它們的樣式，例如改變它們的顏色和移動效果。下面是如何使用CSS來實現UL和LI元素的移動變色效果。

Item 1
Item 2
Item 3

在上面的樣例中，我們使用了UL和LI元素來創建一個列表，并使用CSS樣式來改變它們的顏色和移動效果。首先我們禁用了UL元素默認的列表符號，并為LI元素設定了一個標準的背景色、邊框以及文本對齊方式。

為了實現鼠標懸停后的變色效果，我們使用了LI:hover偽類。在這里我們設定了LI元素的背景色和文字顏色，并通過transform屬性來對元素進行移動效果的設置。這里我們使用了translateX函數，它表示將元素沿著X軸平移指定的像素。

這個例子展示了如何使用CSS來創建精美的交互效果，并通過使用偽類偽元素等特性來實現更復雜的功能。希望這個例子能夠幫助你更好地掌握CSS的使用技巧。