Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Tutorial, CSS, HTML

 

 

HTML

<div class="hovergallery14"> <img src="http://gif" alt="" width="230" height="250" /><img src="http://6gif" alt="" width="230" height="250" /></div>   


CSS

.hovergallery14 img{ border: 2px solid #fff; 
border-radius: 1em/2em;
box-shadow: 2px 2px 6px #000000;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
opacity: 0.8;
margin:5px 1px 5px 1px;
}
.hovergallery14 img:hover{
-webkit-box-shadow: 1px 2px 10px #000;
-moz-box-shadow: 1px 2px 10px #000;
box-shadow: 1px 2px 10px #000;
border: 1px dotted #000;
border-radius: 1em;
opacity: 1;
display: block;float: left;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
-webkit-animation: pulse 10.5s infinite ease-in-out; /* Ici on utilise l'animation référencée plus haut */
}


Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article