CSSAnimationExperiment

CSS Animation Playground

Playground motion avancé pour concevoir, ajuster et prévisualiser des animations CSS keyframes en temps réel avec retour visuel immédiat.

Année: 2024

Animation preset

Duration — 1.0s

Timing function

Iteration count

Preview

Generated CSS

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

.animated-box {
  animation: demo 1s ease infinite;
}