标题 | css3实现超慢速移动动画效果非常流畅无卡顿 |
范文 | 三角碎片以非常缓慢的速度旋转移动,如果使用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 |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。