Animate using CSS3

Question

I have this fiddle.According to this fiddle when the class='hide' is added into any span,it should be animate,however it is not working well.I want to animate the span when a class='hide' is added.It should animate while changing the width.

please post the code here

Patrick Evans
– Patrick Evans

2013-08-24 11:53:22 +00:00
Commented Aug 24, 2013 at 11:53 — Patrick Evans
– Patrick Evans, Commented Aug 24, 2013 at 11:53

Hless · Accepted Answer · 2013-08-24 21:08:41Z

3

It is because you are defining width: auto as one of the frames of the animation. CSS animations mostly only work with fixed values.

Try setting width: 100px for example and check it out.

http://jsfiddle.net/MhJ2Y/3/

A solution to this could be getting & setting the width to a fixed value via jQuery on document load.

edited Aug 24, 2013 at 21:08

answered Aug 24, 2013 at 11:53

Hless

3,33622 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Animate using CSS3

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related