【发布时间】：2013-06-30 20:43:39
【问题描述】：
.example:hover {
transform: skew(30deg,20deg);
transition: all 10s ease-in-out;
}
如果我悬停该元素，它会开始旋转 10 秒。但如果我在 10 秒前悬停，它就会停止旋转。
有没有办法取消悬停元素并让它在整整 10 秒内完成倾斜？
换句话说，将元素悬停一次，它会旋转 10 秒，无论您是否取消悬停。
【问题讨论】：
-
在取消悬停时包含反向效果（即恢复正常）是否是一种解决方案？像这样：jsfiddle.net/NDmwj（注意我将时间缩短到 3 秒以加快测试速度）
-
我需要它在悬停时继续朝同一个方向旋转。有什么想法吗？
-
我不认为你可以在纯 CSS 中做到这一点；你可能需要 Javascript，就像 bboy 说的那样。我很好奇是否有任何纯 CSS 解决方案出现。
标签： css hover transform transition