CSS Animation Generator

Choose an animation, customize it, copy the CSS

bounce

Animations

Duration: 1s

Timing

Iterations

CSS

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

.element {
  animation: bounce 1s ease infinite;
}