1-----
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
oTurntable.style.animation = "";
oTurntable.style.animation = "spin 1s linear 8";
oTurntable.style.transform = "rotate(" + rdm + "deg)";
卡?
-----
2-----
img.transform=rotate(0deg);
img.transform=rotate(127deg);
会旋转?
------
3-----
//"awardRotate.js
$('#trunpng').rotate({
angle: 0,
animateTo: rdm + 1800,
duration: 8000,
callback: function () {
/*alert(txt);*/
// swal({ title: "获得" + txt + "红包", imageUrl: "images/gx.png" });
offOn = !offOn;
}
});