Audio sans balise - Toasty

Pour cet exercice vous devrez déclencher le son ponctuel “Toasty” associé au mythique jeux Mortal Kombat lorsque le texte “💪Uppercut” est enfoncé.

Aperçu du résultat 👇

Matériel

Pen de départ 

Médias 🖼️

Son ponctuel Toasty
https://ex.smnarnold.com/audio/mk/toasty.mp3

Requis

  1. Au clic du mot "💪 Uppercut", ajouter la classe .play au <body> et déclencher le son ponctuel Toasty.

  2. La classe .play doit déclencher une animation CSS faisant entrer et sortir en bas à droite l'élément .toasty en l'espace de 1 seconde ⏱.

  3. Lorsque le son ponctuel fini de jouer, retirer la classe .play.

Notes de cours 📚