没有JavaScript重启CSS3动画？

Question

有没有办法在不使用JavaScript的情况下点击重启CSS3动画？

Answer 1

有一个css-trick总结了一些这样做的方法。您可以尝试:target伪类而不是复选框 - 黑客。

修改： 使用:target伪类创建了fiddle示例。

Answer 2

您可以使用Checkbox Hack进行此操作，但通常不会鼓励它。

但是可能值得研究。这是对html和css的一种有趣的用法。

修改

经过一段时间的游戏，我想出了this的例子。最难的部分实际上是在没有javascript的情况下重置动画，而不是注册click事件。为了解决这个问题，我将动画复制到第二个css规则，该规则从复选框开始时开始。

可能有更好的方法来做到这一点，但理论上这可行，除了有点不同寻常之外：）