Mémo
// Le hover est le fait que la souris soit sur un élément.
.box {
background-color: #F3F7FD;
}
.box:hover {
// Sélectionner la classe "box" uniquement lors du hover
background-color: red; // Ce style s'appliquera uniquement lors du hover
// Toutes les propriétés peuvent être utilisées lors d'un effet hover
}
1️⃣ Changer le style lors du hover
Quand la souris passe sur la boîte, changer sa couleur de fond en noir. Le texte doit donc devenir blanc si la boîte est noire.
Il faut goûter le nectar de goyave, c'est délicieux !
🎯 Résultat attendu
