Pas d'abonnement ni de commentaire

FAIRE DISPARAITRE UNE IMAGE AU PASSAGE DE LA SOURIS POUR QU'ELLE REAPPARAISSE ENSUITE.

par André MARINI 2 Février 2016, 19:39 Images

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

Article précédent Article suivant