Choose a common animation type, adjust parameters and preview in real time

Animation settings

Animation type

Duration (s)

Delay (s)

Timing function

Iteration count

Direction

Run animation

Preview

Generated CSS

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

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