/image%2F1305151%2F20141105%2Fob_142d72_9ag.jpg)
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
/image%2F1305151%2F20210113%2Fob_c08520_9ag.jpg)
/image%2F1305151%2F20191115%2Fob_e8ac09_informatique.jpg)
/image%2F1305151%2F20190123%2Fob_5e5da7_ag1.JPG)
/image%2F1305151%2F20181118%2Fob_14638d_9.JPG)
Haut de page