🎬 CSS @keyframes Animation Scaffold Generator
Add percentage steps with transform, opacity, background-color or any free-form declarations, tune the animation's timing, and preview it live — then copy the @keyframes rule and its animation shorthand usage.
1. Keyframe steps
Percentages are sorted automatically for the output, regardless of the order you add them here.