我可以使用:悬停以触发CSS3动画(或过渡),即使鼠标不再悬停也能继续运行

Question

我正在创建一个链接列表,其中一个链接容器在悬停时展开(包含详细信息,图像和描述).用css过渡或动画制作它没有问题.

问题是,即使鼠标移开,我仍希望它能够保持扩展.而且我想在没有javascript的情况下这样做.

那可能吗？谢谢!

Answer 1

不，这是不可能的，因为将在 mouseover ( :hover) 上应用的每个 css 都将在 mouseout 时被删除，并且没有其他方法来捕获 mouseover 和 out。

\n\n

#animate:hover {\n    /* ex. -webkit- -moz- -ms- -o-\xe2\x80\x8b */ animation: animation 2s infinite; /* will be directly aborted on mouseout :( */\n}\n

\n\n

所以你应该使用 JavaScript 来实现这一点。

\n