/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%2F20220121%2Fob_1768d3_cul.jpg)
/image%2F1305151%2F20220120%2Fob_fd27f1_9.JPG)
/image%2F1305151%2F20210921%2Fob_34bf31_essai1.jpg)
/image%2F1305151%2F20210917%2Fob_b10a1c_index.jpeg)
Haut de page