CSS Keyframe Builder

Build keyframes visually, preview in real time, then copy production-ready CSS.

Animation Name

Duration

Timing

Iteration

Direction

Fill Mode

Keyframe Steps

%	X(px)	Y(px)	Scale	Rotate(°)	Opacity	BG

Tip: keep 0% and 100% for smooth loops. Steps are auto-sorted by percentage.