Image change de couleur hover
camillemb21
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Onitz Messages postés 23 Date d'inscription Statut Membre Dernière intervention -
Onitz Messages postés 23 Date d'inscription Statut Membre Dernière intervention -
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
- Excel cellule couleur si condition texte - Guide
- Image iso - Guide
- Changer la couleur de la barre des taches - Guide
- Somme si couleur - Guide
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!
