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

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

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

CSS3中Animation屬性的使用詳解？

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

2。旋轉(zhuǎn)（度）用于控制元件的旋轉(zhuǎn)角度；

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

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

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