Générateur d'animations CSS — gratuit en ligne
Vous voulez un peu de mouvement sur votre page : un bouton qui apparaît en fondu, une carte qui glisse vers le haut, une icône qui pulse doucement. Mais écrire les keyframes à la main est pénible, et on finit par deviner le timing. On a ajouté un outil gratuit qui le fait pour vous — CSS Animation Generator — directement dans votre navigateur.
Ce qu'il fait
Vous construisez l'animation visuellement. Vous partez d'un preset — fondu, glissement, rebond, pulsation, rotation, tremblement et d'autres — puis vous l'ajustez à votre goût en regardant un aperçu en direct. Quand le résultat vous plaît, vous copiez les keyframes CSS directement dans votre projet.
Rien ne quitte votre appareil
Tout fonctionne dans votre navigateur. Rien n'est envoyé à un serveur et rien n'est enregistré nulle part. Vous pouvez l'utiliser hors ligne, et votre travail reste sur votre propre machine.
Comment l'utiliser
- Ouvrez CSS Animation Generator et choisissez un preset comme fondu, glissement ou rebond.
- Réglez les options jusqu'à ce que l'aperçu bouge comme vous le souhaitez.
- Copiez le CSS et collez-le dans votre feuille de styles.
C'est gratuit et sans limite. Vous trouverez d'autres petits outils sur la page Apps.