Generateur d'Animations CSS

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

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

Generateur d'animations CSS gratuit

Creez des animations CSS avec apercu en temps reel et export de code.

Conseils

• Utilisez ease-in-out pour des animations fluides
• Gardez les animations sous 300ms pour les interactions
• Utilisez transform et opacity pour la performance
• forwards conserve l'etat final
• Utilisez animation-delay pour decaler les animations

FAQ

Outils connexes