使用animation做輪播圖，可行嗎？當然，您可以使用動畫制作旋轉木馬地圖變換：平移（），改變DOM元素的位移，然后利用動畫的循環(huán)功能來實現(xiàn)。此外，它還可以通過將CSS3的另一個屬性transiti

使用animation做輪播圖，可行嗎？

當然，您可以使用動畫制作旋轉木馬地圖變換：平移（），改變DOM元素的位移，然后利用動畫的循環(huán)功能來實現(xiàn)。此外，它還可以通過將CSS3的另一個屬性transition與計時器相結合來實現(xiàn)。與以前的左移方法相比，動畫的性能要好得多，因為變換不會重畫和重新排列界面元素，每次左移改變時，瀏覽器都會再次渲染頁面。

CSS3中Animation屬性的使用詳解？

1. Translate3d（x，y，z）用于控制元素在頁面三軸位置上的位置；

2。旋轉（度）用于控制元件的旋轉角度；

3。傾斜[x，y]（DEG）用于傾斜。做過設計的人可能知道這是在2D中創(chuàng)建3D透視圖的必要屬性；

4。Scale3d（x，y）（DEG）用來做傾斜度，y.Z）用來放大縮小效果，屬性是ratio；

5，matrix3d，CSS matrix。通過這個矩陣屬性，上面所有的屬性值都被覆蓋了，但是我覺得可讀性非常差（所有的數(shù)字和單位，后面有點模糊），所以目前沒有理由推薦。