Transitionend - Micro-onde

Pour cet exercice vous devez compléter l’animation d’un four micro-onde afin de le rendre plus réaliste grâce à l’événement transitionend.

Aperçu du résultat 👇

Matériel

Pen de départ 

Médias 🖼️

Ding
https://ex.smnarnold.com/animations-transitions/ding.mp3

Requis

Le bouton Start déclenche une transition sur l'élément .progress. Lorsque celle-ci se termine:

  1. Retirez la classe .running de l'élément <body>.

  2. Déclenchez le son en pièce jointe Ding.

Notes de cours 📚