html - 如何防止 CSS3 转换反向？

Question

如何防止 CSS3 转换反向？例如:当我使用

div
{
-webkit-transition:-webkit-transform 2s;
}
div:hover
{
-webkit-transform:rotate(360deg);
}

每当我将鼠标移出时它会向后旋转，如何防止它？这样它只会在我将鼠标放在 div 上时向前旋转，而当我的鼠标离开 div 时它不会向后旋转？

Answer 1

您可能已经解决了这个问题，但如果您还没有解决，这里是针对您的 360 度滚动特定问题的解决方案。

div
{
    -webkit-transition: all 0.0s ;
    -moz-transition: all 0.0s ;
    -o-transition: all 0.0s ;
    transition: all 0.0s;
}

div:hover
    {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);

    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;

}