Trigger transitions without javascript in CSS on page load

Question

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?

Moin Zaman · Accepted Answer · 2012-06-12 10:45:47Z

3

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

answered Jun 12, 2012 at 10:45

Moin Zaman

25.5k6 gold badges74 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Xaver Over a year ago

I knew them, but I need something for the Gecko/Presto/Trident machines

Moin Zaman Over a year ago

Mozilla needs the vendor prefix. Others don't look like they support it: caniuse.com/#feat=css-animation

Moin Zaman Over a year ago

I say use feature detection with plugins like modernizr and do the CSS keyframe for browsers that support it and then fallback to a JS version for those that don't.

Xaver Over a year ago

Didn't find a solution without JS s I go with animations. Thanks!

Collectives™ on Stack Overflow

Trigger transitions without javascript in CSS on page load

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related