在取消切换时完成CSS转换

Question

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

如果我悬停元素，它会开始鸣叫10秒钟。但是如果我在10秒之前解除它就会停止飞行。

有没有办法解开元素并仍然完成整个歪斜整整10秒？

换句话说，将元素悬停一次，无论你是否徘徊，它都会闪烁10秒钟。

Answer 1

您需要使用jquery hover和css

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

---

更新：你可能想在transform

上添加正确的前缀

请在此处阅读：http://css-tricks.com/almanac/properties/t/transform/