本文作者:IMWeb jacksun 原文出处:IMWeb社区 未经同意,禁止转载
关于css动画在安卓端卡顿的现象
混合开发过程中,前端可能需要各种各种的动画,如果同时执行动画和逻辑代码,可能会出现页面卡顿的现象。使用动画的时候,不要直接改变元素的属性,使用transform元素来改变
@keyframes mymove { //卡顿
0% {;
left:0
}
100% {
left:100px
}
}
@keyframes mymove { //流畅
0% {;
transform: rotate(0deg);
}
100% {
transform: rotate(3600deg);
}
}
//在动画的过程中尽可能改变少的元素属性