PRACTICING THE CSS3 TRANSITIONS

Testing animations

This page shows some examples about the CSS3 transitions.
You can test following animations: click on the heading above to test a basic JavaScript feature (change color), or click on the buttons below to control an actual CSS3 transition.

To see the CSS definitions click on the show code label below, or have a look to the HTML source of this page.

First sample animation, named simple (executed once, when page loads).

Below the box is an example of advanced animation, named demo (executed twice, after 5 seconds).

Show code