Image change de couleur hover
camillemb21
Messages postés
4
Statut
Membre
-
Onitz Messages postés 25 Statut Membre -
Onitz Messages postés 25 Statut Membre -
Bonjour,
J'ai mis sur un site le logo facebook en noir et blanc et comme c'est un lien, je souhaite que lorsque l'on passe dessus il devienne rouge.
Quel est le code pour ça ?
Merci par avance
et bonne journée
J'ai mis sur un site le logo facebook en noir et blanc et comme c'est un lien, je souhaite que lorsque l'on passe dessus il devienne rouge.
Quel est le code pour ça ?
Merci par avance
et bonne journée
A voir également:
- Image change de couleur hover
- Changer de dns - Guide
- Image iso - Guide
- Changer la couleur de la barre des taches - Guide
- Excel cellule couleur si condition texte - Guide
- Un mot est caché dans l’en-tête du document. pour le trouver, modifiez sa couleur. ✓ - Forum Word
1 réponse
Bonjour,
Je te propose 2 solutions.
La première en CSS:
Tu crée une image facebook rouge.
La deuxième solution en Jquery:
Ici il te faut l'image en rouge et en noir/blanc.
À toi de voir!
Je te propose 2 solutions.
La première en CSS:
Tu crée une image facebook rouge.
<!--Code HTML--> <img src="facebookRouge.(png,jpg,...)" id="image"></img>
//Code CSS
#image{
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}
#image:hover
{
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}
La deuxième solution en Jquery:
Ici il te faut l'image en rouge et en noir/blanc.
<!--Code HTML--> <img src="facebookBlackAndWhite.(png,jpg,...)" id="image"></img>
//Code JS
$("#image").hover(
function(){
$(this).attr('src',"facebookRed.png"/*par exemple*/);
},
function(){
$(this).attr('src',"facebookBlackAndWhite.png"/*par exemple*/);
});
À toi de voir!
