Générateur d'Animations CSS

Créez des animations CSS visuellement. Choisissez des préréglages, ajustez la durée, le timing et la direction. Copiez le code CSS avec @keyframes. Gratuit, 100% dans votre navigateur.

Aperçu

Préréglage

Durée

1.0s

Fonction de timing

Délai

0.0s

Itérations

Infini

Direction

Mode de remplissage

Sortie CSS

Référence

Que sont les animations CSS ?

Les animations CSS permettent des transitions fluides entre états CSS via des règles @keyframes. Elles offrent un contrôle total sur la durée, le timing, le délai, les itérations et la direction — sans JavaScript.

Préréglages d'animation

Les animations courantes incluent fondu (fade-in), glissement (slide-in), pulsation (pulse), rebond (bounce), rotation (spin) et secousse (shake). Chaque préréglage définit des images clés @keyframes que vous pouvez personnaliser.

Confidentialité

Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.

← Retour à tous les outils