超慢速移动动画使用CSS3实现流畅效果

标签：class   blog   code   http   ext   使用   

三角碎片以非常缓慢的速度旋转移动，如果使用JS实现会出现一像素一像素移动的卡顿

使用CSS3会获得非常理想的效果

transform: translate3d(80px, 150px, 0px) rotate(1220deg);
transition: transform 30s linear 0s;

translate3d(80px, 150px, 0px) 表示X轴偏移80px， Y轴偏移150px

rotate(1220deg) 表示在此过程中旋转1220°

transition: transform 30s linear 0s;

表示动画时间30秒

速度方式：linear 

延迟0s

超慢速移动动画使用CSS3实现流畅效果,布布扣,bubuko.com

超慢速移动动画使用CSS3实现流畅效果

标签：class   blog   code   http   ext   使用   

原文地址：http://blog.csdn.net/huileiforever/article/details/30478499