CSS Animation Generator

Animation Preset

Duration: 1s

Timing Function

Direction

Iterations

Preview

CSS Code

@keyframes custom-bounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(-30px); }
  100% { transform: translateY(0); }
}

.animated-element {
  animation: custom-bounce 1s ease infinite normal;
}