Animation Generator

Animation preview

Box

Animation

KindDuration1sDelay0sEasingDistance40pxIterationsDirectionFill mode

Keyframes

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

Minified

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

.animated {
  animation: fade 1s ease-out 0s infinite normal none;
}