Cette astuce consiste à modifier l'opacité de l'image en la rendant nulle, soit égale à 0.
Le code fait intervenir du HTML en bleu et du CSS en marron, toujours entre deux balises <style></style>
CODE
<div class="fond_image">
<style>.fond_image{
display:inline-block;}
.fond_image img{
-moz-transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
-o-transition: opacity 0.9s;
}
.fond_image img:hover{
opacity:0.0;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}</style>
<img src="http://data.over-blog-kiwi.com/1/30/51/51/20160202/ob_699b6d_heron.jpg" alt="effet sympa sur le survol d'une image"></div>
RESULTAT
Haut de page