如何防止 CSS3 转换反向? 例如:当我使用
div
{
-webkit-transition:-webkit-transform 2s;
}
div:hover
{
-webkit-transform:rotate(360deg);
}
每当我将鼠标移出时它会向后旋转,如何防止它?这样它只会在我将鼠标放在 div 上时向前旋转,而当我的鼠标离开 div 时它不会向后旋转?
最佳答案
您可能已经解决了这个问题,但如果您还没有解决,这里是针对您的 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;
}
关于html - 如何防止 CSS3 转换反向?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17656760/