css3 Animation Tool

This tool helps you write the code for CSS animations really fast. No need to worry about prefixes or the correct transform strings or even your keyframe names!

Instructions

Type your commands:

Create New or load a pre-made animation: *

vii. ('') GENERATE

DEMO
Save as gist

*Animations are taken from CSS3 Animation Cheat Sheet, Animate.css, Magic Animations, Hover.css and liffect.

Easings taken from Ceaser, Lea Verou's cubic-bezier.com and Easings.net.

Animated backgrounds inspired by CSS Gradient Animator.

Multiple animations inspired by CSSYNTH.

Tweet