Comment faire un hover image ?
Bonsoir,
Est ce que une personne d'entre vous pourrez me faire un exemple avec l'image ci-dessous svp ?
Comment séparer les deux image d'une seul même image pour avoir un bouton animé ?
Je voudrais créer un lien sur l’icône du haut et faire en sorte que ce soit l’icône du bas qui s'affiche au moment ou je passerai la souris sur l’icône du haut..
je sais que cela ce fait mais comment ?
En vous remerciant.
Est ce que une personne d'entre vous pourrez me faire un exemple avec l'image ci-dessous svp ?
Comment séparer les deux image d'une seul même image pour avoir un bouton animé ?
Je voudrais créer un lien sur l’icône du haut et faire en sorte que ce soit l’icône du bas qui s'affiche au moment ou je passerai la souris sur l’icône du haut..
je sais que cela ce fait mais comment ?
En vous remerciant.
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
<a href="#" class="bouton"></a>
.bouton
{
width : ..px;
height : ..px;
display : block; /*Très important, sinon les dimensions ne sont pas prises en compte*/
background : url("image.jpg") no-repeat;
}
.bouton:hover
{
background-image : url("autre_image.jpg");
}
Je suis tomber sur ce lien qui aurais pu m'éviter de polluer le forum avec un sujet en plus lol
Si cela peut servir:
http://www.cfmweb.fr/tutoriels-html-css/realiser-un-effet-rollover-sur-une-image/