Générateur d'animations CSS Keyframe
Le générateur d'animations CSS Keyframe vous permet de choisir un type d'animation parmi 12 styles prêts à l'emploi (apparition/disparition, glissement depuis les quatre directions, zoom avant/arrière, rebond, rotation d'entrée, retournement sur l'axe X ou Y), puis d'ajuster la durée, le délai, la fonction de timing et le nombre d'itérations, avec un aperçu en direct et un bouton Rejouer. Copiez la règle @keyframes complète ainsi qu'une classe d'animation prête à l'emploi. Toute la génération se fait dans votre navigateur — rien n'est jamais envoyé à un serveur.
Le code est généré entièrement dans votre navigateur — rien n'est jamais envoyé à un serveur.
Code CSS
@keyframes uddatakAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated-box {
animation: uddatakAnim 800ms ease-out 0ms 1;
}Questions Fréquentes
Oui, @keyframes et la propriété animation sont pris en charge par tous les navigateurs modernes sans préfixes propriétaires spéciaux.
Continuer avec
Outils similaires
Prêt à essayer Uddatak ?
Parcourez la bibliothèque complète d'outils et commencez à utiliser ce dont vous avez besoin dès maintenant — gratuit, sans inscription.
Parcourir tous les outils