鼠标悬停时旋转div，鼠标移开时继续

Question

我有一个div，我将它旋转360度，悬停风格的css过渡。当鼠标移出时，动画停止并且div返回其原始样式。是否有可能继续旋转，直到它完成360度旋转，即使鼠标不在div？我正在寻找一个纯粹的CSS解决方案，而不是jscript。

感谢您的帮助：）

Answer 1

恐怕没有一个简洁的解决方案。以前由Robert McKee发布的解决方法包括在普通的css选择器中使用具有高延迟的动画。

有一个旋转的jsfiddle示例： http://jsfiddle.net/akko82/FNKMF/

这一行将完成这项工作：

-webkit-animation:rotateAnimation 3600ms ease-in-out 6000s;

其中rotateAnimation是我们的动画，6000s是延迟。