La date/heure actuelle est Ven 17 Mai 2024 - 10:36

1 résultat trouvé pour bar_nav_standard

Navbar en mouse hover

Bonjour, je poste pour voir le lien du forum et si je peux aider.

EDIT : Vous pouvez facilement réaliser l'effet en css en ajoutant ce code dans votre feuille de style :
Code:
#bar_nav_standard a {
  filter: saturate(0);
}
#bar_nav_standard a:hover {
  filter: saturate(1);
}


le premier code :
#bar_nav_standard a = Les liens à l'intérieur de la #bar_nav_standart
filter: saturate(0) = filtre saturation à 0 (donc en noir et blanc)

deuxième code :
#bar_nav_standard a:hover = les liens survolés à l'intérieur de la #bar_nav_standart
filter: saturate(1) = filtre saturation à 1 (donc couleurs normales)

Donc les images seront en noir et blanc grace au premier code, et passeront en couleur seulement au survol du lien correspondant grâce au second code.
Il est également possible d'ajouter si vous souhaitez un effet de transition (apparition de la couleur plus graduelle, vitesse réglable, plutôt que d'un seul coup quand la souris est dessus)
par MlleAlys
le Dim 20 Nov 2022 - 21:17
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Navbar en mouse hover
Réponses: 4
Vues: 218

Revenir en haut

Sauter vers: