主要讲的是怎样制作流畅动画，特别是针对移动端。在这里我首先介绍制作动画的几种方法的优缺点；接着会着重介绍用css3制作动画的注意事项，包括：用canvas、css3、jquery制作动画；css3在移动端卡顿问题；动画过程有闪烁问题（一般出现在动画开始）
1、用canvas、css3、jquery制作动画
2、css3在移动端卡顿问题
3、动画过程有闪烁（一般出现在动画开始）
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
-moz-perspective:1000;
-ms-perspective:1000;
perspective:1000;
.ball-running {
animation: run-around 4s infinite;
}
@keyframes run-around {
0%: { top: 0; left: 0; }
25% { top: 0; left: 200px; }
50% { top: 200px; left: 200px; }
75% { top: 200px; left: 0; }
}
.ball-running {
animation: run-around 4s infinite;
}
@keyframes run-around {
0%: { transform: translate(0, 0); }
25% { transform: translate(200px, 0); }
50% { transform: translate(200px, 200px); }
75% { transform: translate(0, 200px); }
}
服务热线 19970861797
