Le générateur utilise-t-il des bibliothèques externes?

Non. Il produit des keyframes CSS pures et des propriétés `animation` qui fonctionnent nativement dans tous les navigateurs modernes sans aucune dépendance.

Quelle est la différence entre ease-in et ease-out?

La fonction `ease-in` démarre l'animation lentement et accélère à la fin, tandis que `ease-out` démarre rapidement et décélère à la fin.

Puis-je animer n'importe quelle propriété CSS?

L'outil se concentre sur les propriétés animables les plus courantes comme `transform`, `opacity` et `background-color`. Ces propriétés sont généralement plus performantes car elles évitent de déclencher des recalculs de mise en page du navigateur.

Comment faire boucler une animation indéfiniment?

Définissez la propriété `animation-iteration-count` sur `infinite`. C'est une option standard dans le panneau de configuration de la durée et du timing.

Couleur & Design

Générateur d'Animations CSS

Build keyframes visually, copy ready-to-paste CSS.

Runs in your browser

Note de la rédaction

Understanding · Keyframes, timing, and what runs on the GPU.

Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.

Questions fréquentes

Quick answers.

›Does the generator use external libraries?

No. It outputs pure CSS keyframes and `animation` properties that work natively in all modern browsers without any dependencies.

›What is the difference between ease-in and ease-out?

The `ease-in` function starts the animation slowly and speeds up at the end, while `ease-out` starts quickly and decelerates at the end.

›Can I animate any CSS property?

The tool focuses on the most common animatable properties like `transform`, `opacity`, and `background-color`. These properties are generally more performant as they avoid triggering browser layout recalculations.

›How do I make an animation loop forever?

Set the `animation-iteration-count` property to `infinite`. This is a standard option in the duration and timing configuration panel.

Les internautes recherchent aussi

Outils similaires

More in this room.

Tout voir dans Couleur & Design