Animation Generator

CSS animation generator with keyframes, timing functions, delay and direction controls.

Controls

Animation type

Duration — 1s

Timing function

Delay — 0s

Iterations — infinite

Direction

fade

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

.animated {
  animation: fade 1s ease 0s infinite normal both;
}