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)
- 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