-
HTML
<div id="containerEx18">
<div class="ex18"><img src="http://igif" alt="img0" width="140" height="160" /> <img src="http://gif" alt="img1" width="140" height="160" /> <img src="http://gif" alt="img1" width="140" height="160" /></div>
</div>CSS
<style type="text/css"><!--
/*GloriaV */
/*URL: http://tutorialgloriav.eklablog.com/*/
#containerEx18 {width: 800px;
margin: 0 auto;
}
.ex18 img {
height: 160px;
width: 140px;
border-radius: 10px/3px;
border: 2px dotted #fff;
box-shadow: 2px 1px 8px #000000;
margin: 15px 0;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-ms-transition: all 3s ease;
transition: all 3s ease;
}
.ex18 img:hover {
-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
height: 180px;
width: 140px;
margin-left: -10px;
}
--></style>
-
Commentaires
Aucun commentaire pour le moment
Ajouter un commentaire