Créez des animations CSS avec keyframes de manière visuelle. Choisissez parmi 16 presets, personnalisez la temporisation et copiez le code instantanément.
Cet outil vous aide à créer des animations CSS @keyframes sans écrire de code. Choisissez parmi 16 presets intégrés comme fondu, rebond, pulsation et rotation — puis personnalisez la durée, le délai, l'easing et plus encore. Voyez les changements en temps réel et copiez du CSS prêt pour la production instantanément.
Les @keyframes CSS définissent des étapes intermédiaires dans une séquence d'animation. Vous spécifiez des styles CSS à des pourcentages clés (0%, 50%, 100%) et le navigateur interpole entre eux pour créer des animations fluides.
Oui ! Le CSS généré utilise des propriétés standard @keyframes et animation supportées par tous les navigateurs modernes. Aucun JavaScript en temps d'exécution n'est nécessaire.
Vous pouvez combiner plusieurs animations en utilisant les classes CSS générées ensemble ou en chaînant les noms d'animation dans la propriété raccourcie avec des virgules.