关于css动画在安卓端卡顿的现象

919 阅读1分钟

混合开发过程中,前端可能需要各种各种的动画,如果同时执行动画和逻辑代码,可能会出现页面卡顿的现象。使用动画的时候,不要直接改变元素的属性,使用transform元素来改变

@keyframes mymove { //卡顿
0% {;
left:0
}
100% {
left:100px
}
}

@keyframes mymove { //流畅
0% {;
transform: rotate(0deg);
}
100% {
transform: rotate(3600deg);
}
}
//在动画的过程中尽可能改变少的元素属性