CSS3 Animation

CSS3 Animation

This animation generation outputs the HTML and CSS codes while you previewed the animation live.

Animate Me
Select Keyframes:
Start End
Transition Duration:
sec
Iteration Count:
sec
Animation Timing:
Rotate:
deg
Scale:
Skew:
deg
Translate:
px

Generated Animation CSS:

Supported Browsers

At the time of writing the following browsers support CSS3 Animation:

Browser Supports CSS3 Animation?
Firefox 5.0+ Full Support
Firefox 1-4 No
Safari 4+ Full Support
Safari 1-3 No
Chrome 4.0+ Full Support
IE10+ Full Support
Opera 11.1+ Full Support