css - 悬停时完成 CSS 转换

Question

.example:hover {
  transform: skew(30deg,20deg);
  transition: all 10s ease-in-out;
}

如果我将元素悬停，它将开始旋转 10 秒。但如果我在 10 秒前悬停，它就会停止旋转。

有没有办法取消悬停元素并让它在整整 10 秒内完成倾斜？

换句话说，将元素悬停一次，它将旋转 10 秒，无论您是否悬停。

score 3 · Accepted Answer

你需要使用 jqueryhover和css

jsfiddle 示例：http: //jsfiddle.net/NPnBz/1/

更新：您可能想在变换上添加正确的前缀

1 回答 1