Demo:

Animation with CSS3: Simple transitions

Please note: This demo page is to go along with the post Animation with CSS3: Simple transitions, so please use that for reference.

How to use: Mouse over the squares to see the animation effect.

Properties

Changing a single property

Changing multiple properties

Changing all properties

Easing

linear

ease-in

ease-out

ease-in-out

cubic-bezier

Delay

0.5 second delay