Bonjour à tous,
je suis sur une animation d'une roue en rotation en boucle (linear infinite).
Je n'ai aucun problème pour la faire tourner et l'arrêter, seulement je souhaite qu'elle commence à ralentir avant qu'elle s'arrête. Elle doit ralentir progressivement sur le passage d'un BOOLEAN de "0" à "1" jusqu'à ce qu'elle s'arrête complètement.

J'ai essayé de créer un "keyFrame" (100% {transform: rotate(360deg);} qui est attribué dans une fonction avec un "documentgetElementById().style.animation" en déclarant une variable "vitesse = 3" qui sera décrémenté jusqu'à "0" lorsque j'appuie sur un bouton (le bouton est censé mettre le BOOLEAN à 1 et déclencher le ralentissement jusqu'à l'arrêt)

Cela ne marche pas : la roue tourne toujours. J'ai joué sur la propriété "iteration" pour qu'elle ne passe en "infinite" que si la variable "vitesse" est supérieure à "0".
Mai cela ne fonctionne pas : la roue reprend sa rotation par à-coup.
Quelqu'un peut m'aider, svp ?