CSS Animation Generator

Presets

@keyframes myAnimation {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}

.animated-element {
  animation: myAnimation 1s ease 0s infinite alternate none;
}