三角碎片以非常緩慢的速度旋轉(zhuǎn)移動,如果使用JS實現(xiàn)會出現(xiàn)一像素一像素移動的卡頓
使用CSS3會獲得非常理想的效果
代碼如下:
transform: translate3d(80px, 150px, 0px) rotate(1220deg);
transition: transform 30s linear 0s;
上面一個屬性表示圖像變換
translate3d(80px, 150px, 0px) 表示X軸偏移80px, Y軸偏移150px
rotate(1220deg) 表示在此過程中旋轉(zhuǎn)1220°
transition: transform 30s linear 0s;
表示動畫時間30秒
速度方式:linear
延遲0s
更多信息請查看IT技術(shù)專欄