在页面加载时在CSS中触发无JavaScript的转换 [英] Trigger transitions without javascript in CSS on page load

问题描述

我想增加一个CSS转换的宽度，但不喜欢用悬停事件触发（如 http://jsfiddle.net/TFHn9/ ）

我只想要一个即时动画（当页面加载时） - 没有

解决方案

Css3关键帧： http：//coding.smashingmagazine .com / 2011/05/17 / an-introduction-to-css3-keyframe-animations /

I would like to increase the width of a bar with a CSS transition but don't like to trigger it with a hover event ( like http://jsfiddle.net/TFHn9/ )

I just would like to have an instant animation (when the page loads) - without Javascript of course.

Any chance to achieve that?

解决方案

Css3 keyframes: http://coding.smashingmagazine.com/2011/05/17/an-introduction-to-css3-keyframe-animations/

这篇关于在页面加载时在CSS中触发无JavaScript的转换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！