Free CSS Animation Generator

The Free CSS Animation Generator is your all-in-one tool for effortlessly creating engaging animations using pure CSS.

Animation Properties

Configure the basic animation settings

Animation Name

Presets

Duration (2s)

Delay (0s)

Timing Function

Iteration Count

Direction

Keyframes

Define animation keyframes

Percentage

Preview

See your animation in action

Background Color

Size (200px)

Generated Code

Copy your animation code