我目前正在使用 sencha 进行一个项目。在这个项目中,我有一个旋转的“wheeloffortune”轮子,它会旋转到轮子的某个部分来获得你的奖金。
我之前用一些 javascript 做过这个,我创建了间隔来切换 div 的 css 类,但效果不佳。
我现在想用 css3 动画来做,我有以下 css:
@-webkit-keyframes rotater {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(3600deg);
}
}
.css3-rotaterFull {
-webkit-animation-name: rotater;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function:ease-out;
-webkit-animation-duration: 15s;
}
但我需要将它旋转到某个可变的角度。因此我需要能够设置
to {
-webkit-transform: rotate(3600deg);
}
在我将类添加到 div 之前,部分到可变的度数
关于如何做到这一点的任何想法?