Keyframe Delay Generator

Generates CSS keyframes based on animation time, animation delay and number of states.

Set up

Clone this repo, navigate into it, and open index.html

How to use

Fill in the form on the left:

• Animation Name
  • Name of the animation
• Animation Time (seconds)
  • How long the animation will take to complete
• Animation Delay (seconds)
  • How long the delay will be after Animation Time finishes
• Animation States
  • Number of states your animation will have