CSS Animation Builder

v1.0.0

Build CSS @keyframe animations visually and copy the generated code.

Animation preset

Duration (1s)

Delay (0s)

Easing

Iterations

Fill mode

Preview

Box

CSS

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.element {
  animation: fadeIn 1s ease-in-out 0s 1 both;
}