混合开发过程中,前端可能需要各种各种的动画,如果同时执行动画和逻辑代码,可能会出现页面卡顿的现象。使用动画的时候,不要直接改变元素的属性,使用transform元素来改变
@keyframes mymove { //卡顿 0% {; left:0 } 100% { left:100px } }
@keyframes mymove { //流畅 0% {; transform: rotate(0deg); } 100% { transform: rotate(3600deg); } } //在动画的过程中尽可能改变少的元素属性 |
|