三角碎片以非常緩慢的速度旋轉(zhuǎn)移動，如果使用JS實(shí)現(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ù)專欄
版權(quán)所有:易賢網(wǎng)
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試