image qui change au passage de la souris

[Les Apiculteurs Asso]

Bonjour,

Je voudrais intégrer une image qui change complétement quand on passe la souris dessus. Le même effet que sur le site vitrine de la biscuiterie Saint Michel pour les produits (https://www.stmichel.fr/produits/). Pouvez-vous m'aidez ?

Cordialement,

[Mediacom87]

Bonjour,

ce n'est pas un changement d'image mais juste une animation qui déplace l'image pour laisser apparaitre le texte.

Regarder la structure de leur code est les css attachés.

[Les Apiculteurs Asso]

Bonjour,

Ok j'ai vu et j'ai fait ce code là mais ça me fait un carré noir c'est tout. Il doit y avoir un mauvais code dans le css :

.gammelaviecotemiel {    
width: 400px;
height: 400px;
border: 2px solid black;
background-image: url('images/la-vie-cote-miel-boutoncss1.jpg');
background-size: 400px 400px;
display:inline-block;
}
.gammelaviecotemiel:hover,
.gammelaviecotemiel:focus,
.gammelaviecotemiel:active {
background-image: url('images/la-vie-cote-miel-boutoncss2.jpg');
}
 

bug affichage code css.docx

[Performance Agency]

Bonjour,

Pouvez vous nous donner l'url de votre site?

[Les Apiculteurs Asso]

http://www.vafl9897.odns.fr/fr/

[Les Apiculteurs Asso]

et je voudrais mettre un lien d'url, est ce possible ?