Dynamic-Mess.com


"The world is a dynamic mess of jiggling things..."

Créer un lien avec l'image qui change au survol

Article posté le 16-04-2014 dans la catégorie HTML et CSS

Article mis à jour le : 05-05-2022

Comment créer un lien HTML avec changement d'image au survol.

Rien de plus simple, tout d'abord créez votre lien, normalement, mais en lui spécifiant une classe :

<a href="https://www.facebook.com/mapage" class="bouttonFB" target="_blank"></a>

Ensuite dans votre CSS, créez votre classe, avec le mode normal et le mode "hover" :

.bouttonFB{
    width :25px;
    height :25px;
    display:block;
    background:transparent url('../images/fb-normal.jpg') center top no-repeat;
}
.bouttonFB:hover {
    background-image: url('../images/fb-reverse.jpg');
}

Vous pouvez alors spécifier vos paramètres, notamment les images.


Cet article vous a plu? Découvrez d'autres articles :


comments powered by Disqus