没有悬停的css3过渡?

标签 css css-transitions

我正在学习 CSS3 过渡教程:here

我无法在不悬停的情况下让它工作。有谁知道我如何可以通过本教程获得同样的效果而无需将鼠标悬停在 body ​​上?

谢谢

最佳答案

您可以通过简单地将“测试”类直接放在标记中的主体上来简化@Rufus 的答案。没有理由稍后用javascript添加它。

如果您使用的是 css3 过渡,那么您需要在页面加载后添加过渡类,但由于您使用的是关键帧动画,因此无需等待再添加。

这是来自@Rufus 的示例,经过修改以显示我在说什么:http://jsfiddle.net/mALEC/2/

关于没有悬停的css3过渡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12273753/

相关文章:

css - 刚上线网站,Internet Explorer 出现问题

jquery - 阅读更多动画/过渡

jquery - 仅在页面加载时禁用 CSS 转换

css - Netbeans 中的 "CSS preview"和 "CSS Style Builder"在哪里?

Firefox 无法绕笛卡尔平面上象限 2 和象限 4 中的轴进行三维旋转

css - 让 CSS 过渡持续时间双向工作?

css - 如何使用 CSS 过渡效果

html - CSS 位置转换和显示 :none

javascript - 通过 jquery 修改 CSS 动画

jQuery:如何让DIV滑出屏幕并让另一个滑入?