CSS My Keyframes

A tool to help create CSS3 Animation @keyframes code.

This tool allows you to specify values of individual keyframes, and generates the annoying bits of work that computers were built for. Animation can be previewed, and then code is generated to be copied into any CSS3 Animation project.

I originally built this to use with CSS Sprite animations to animate between sprite sheet background positions, but found it useful for creating any CSS @keyframes animations, as well as generating repeated code with vendor prefixes.

Built using HTML5 Javascript & CSS3 Animations

Visit CSS My Keyframes