CSS3中的“transform”屬性可以實現很多有趣的動畫效果。
其中一個很常見的效果是向左偏移。下面是示例代碼：

.box{
width: 100px;
height: 100px;
background: orange;
position: relative;
left: 0;
}
.box:hover{
transform: translateX(-50px);
}

代碼解析：

首先，定義一個寬高為100px的塊級元素，并設置背景為橙色。

其次，將元素定位為相對定位，并將left屬性設置為0，也就是初始狀態下不偏移。

當鼠標懸停在該元素上時，通過“:hover”偽類觸發transform屬性，并將其值設置為“translateX(-50px)”。

注意，這里使用了translateX而不是left，因為transform屬性不會改變元素的位置，而是改變其視覺表現。

總結：

使用CSS3的transform屬性可以輕松地實現向左偏移的動畫效果。

推薦使用translateX而不是left，以避免影響元素的位置對象。