CSS過渡是讓元素從一個狀態到另一個狀態過渡的一種效果。在這篇文章里，我們會帶領你學習從左到右的CSS過渡效果。

/* 將元素的位置設置到左邊 */
left: 0;
/* 當元素處于懸停狀態時 */
:hover {
	/* 將元素的位置設置到右邊 */
	left: 100%;
	/* 在1s內運動到右邊 */
	transition: left 1s;
}

以上的CSS樣式代碼展現了從左到右的過渡效果。當我們對一個元素進行懸停操作時，元素會從左側運動到右側。這種效果非常簡單，只需要用到CSS的一個屬性，即transition。

Transition屬性指定了如何過渡元素的屬性值。在上述示例中，我們使用了left屬性完成了一個從左到右的過渡效果。我們用:hover選擇器來表示當我們將鼠標懸停在元素上時，將會觸發過渡效果。單獨的:hover選擇器可以達到這個目的，無需再嵌套一個class選擇器。

以上就是CSS過渡從左到右的簡單教程。CSS過渡是較為常見的CSS技術之一，也是CSS基礎知識之一。這個技巧可以進一步改進，在過渡時間、動畫效果、過渡屬性等方面進一步自定義設置。相信這種技術對于網頁制作者來說是很有用的。