CSS3实现超慢速移动动画效果⾮常流畅⽆卡顿
三⾓碎⽚以⾮常缓慢的速度旋转移动，如果使⽤JS实现会出现⼀像素⼀像素移动的卡顿
使⽤CSS3会获得⾮常理想的效果
复制代码
代码如下:
transform: translate3d(80px, 150px, 0px) rotate(1220deg);
transition: transform 30s linear 0s;js控制css3动画触发
上⾯⼀个属性表⽰图像变换
translate3d(80px, 150px, 0px) 表⽰X轴偏移80px， Y轴偏移150px
rotate(1220deg) 表⽰在此过程中旋转1220°
transition: transform 30s linear 0s;
表⽰动画时间30秒
速度⽅式：linear
延迟0s

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。