<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="zoomLSG.css">
</head>
<body>
<div class="zoom"><img src="img1.jpg"></div>
</body>
</html>
zoomLSG.css:
.zoom img{
height: 291px;
width: 400px;
margin: 15px 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.zoom img:hover {
height: 391px;
width: 500px;
margin: -20px;
}
Más información en: http://html5tutoriales.com/
No hay comentarios:
Publicar un comentario