Html 在鼠标上旋转一个div并在鼠标离开时继续

我有一个div，我使用悬停样式的css转换将其旋转360度。当鼠标退出时，动画停止，div返回其原始样式。即使鼠标离开div，是否可以继续旋转直到完成360度旋转？我正在寻找一个纯css解决方案，而不是jscript

---

谢谢你的帮助：）

恐怕没有一个好的解决办法。有一个以前发布的解决方法，包括在普通css选择器中使用具有高延迟的动画

有一个带有旋转的JSFIDLE示例：

这一行将完成以下工作：

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

---

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

您的代码在哪里？你试过什么？您是否有JSFIDLE或codepen示例没有js等。我正在通过css转换制作动画codepen和jsfiddle只是一个放置代码（html、js和css）的地方，因此我们可以在可编辑环境中查看问题，以更好地帮助回答您的问题：）看看这个：