问:
.niu_danji .winningBall img {
position: absolute;
left: 0;
top: 0;
width: 1.1rem;
height: 1.1rem;
display: block;
animation: shake-zhuan 1s linear infinite;
-webkit-animation: shake-zhuan 1s linear infinite;
}
@keyframes shake-zhuan {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(540deg);
}
}这个动画怎么改可以增加转速现在要求时间不能变还是1s,单要求转速变快
这里1s不能变,所以要提高转速就要讲rotate变成下面这样:
@keyframes shake-zhuan {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(900deg);
}
}
更改了rotate变成900deg就提高了速度
小球的转速就提高了