页面上有两个箭头,设置了两个简单动画效果,就是左右移动。在调试的时候发现,页面有动画时,cpu的占用在20%左右,而不增加动画效果时,cpu占用只有5%左右。简单的动画效果,一下增加了15%的cpu使用,这个正常吗?下面是设置动画的代码,有什么可以优化的地方吗。欢迎高手给点建议。
animation-name: rightyd;
animation-duration: 1s;
animation-iteration-count: infinite;
@keyframes rightyd
{
0% {right: 120rpx;}
50% {right: 110rpx;}
100% {right: 120rpx;}
}