Pseudo-classes - Bouton

Pour cet exercice, vous devez utiliser les pseudo-classes afin de modifier l’apparence d’un bouton selon différentes conditions.

Aperçu du résultat 👇

Matériel

Pen de départ 

Couleurs 🎨

Turquoise #90fcf9
Turquoise pâle #b1fdfb
Mauve #856084

Requis

  1. Par défaut, la couleur de fond du bouton doit être turquoise.

  2. Au survole, la couleur de fond du bouton doit devenir turquoise pâle afin d'inciter l'usager à cliquer dessus.

  3. Lorsqu'il est cliqué, la propriété top du bouton doit avoir une valeur 15px afin de donner l'impression qu'il est enfoncé.

  4. Lorsqu'il reçoit le focus, le bouton doit avoir une bordure mauve de 5px.

Notes de cours 📚