Question

I am following a CSS3 transition tutorial: here

I cant manage to get this to work without having to hover. Does anyone have any idea how I could have this same effect from this tutorial without having to hover on the body?

Thanks

Answer 1

You can simplify the answer from @Rufus by simply putting the ‘test’ class on the body directly in the markup. There’s no reason to add it with javascript later.

If you were using css3 transition, then you WOULD need to add the transitioned class after page load, but since you are using keyframe animation, you don’t need to wait before adding it.

Here’s the example from @Rufus modified to show what I’m talking about: http://jsfiddle.net/mALEC/2/