Question

我在按钮上有一个旋转（360度）CSS转换，默认css为rotate（0deg）。

当应用旋转（360度）值的类不再存在时，浏览器会自动将后退回到默认的旋转（0deg）。

默认情况下，顺时针方向动画，我宁愿结束行为是顺时针进行默认值0而不是回滚（逆时针）。

我可以指定此行为吗？

Answer 1

我认为你还没有，不管怎样我都不知道。我试着自己得到类似的东西。非常肯定Jquery会完成工作，我没有做到这一点，但它应该只是像

$("#container").rotate({

绑定： { mouseover：function（）{ $（本）.rotate（{animateTo：360}） }，

}）;

编辑抱歉，这是一个JQuery插件，不包含在其中。这是一个链接http://code.google.com/p/jqueryrotate/wiki/Examples

第二次编辑认为我已经使用关键帧解决了它。把它放在你的css文件中的任何地方：

@-webkit-keyframes Rotate {
0% {
    -webkit-transform:rotate(0deg);
}
100% {
    -webkit-transform:rotate(360deg);
} }

然后把它放在你的悬停动作中：

.button:hover{
-webkit-animation-name: Rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear; 
}

应该做你想做的，为我工作。

更改CSS3旋转过渡的结束行为

1 个答案: