Efecto zoom centrado en la pantalla
Publicado por Gabriel (4 intervenciones) el 23/08/2017 07:03:17
Hola buenos dias:
Tengo el codigo mas abajo, pero me gustaria saber como lo modifico para que cuando haga el zoom la imagen no quede en un costado sino centrada en la pantalla.
Gracias por vuestra ayuda
Tengo el codigo mas abajo, pero me gustaria saber como lo modifico para que cuando haga el zoom la imagen no quede en un costado sino centrada en la pantalla.
Gracias por vuestra ayuda
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<head>
<!-- Copiar dentro del tag HEAD -->
<style type="text/css">
#container {
width: 500px;
margin: 0 auto;
}
.ex2 img{
height: 140px;
width: 250px;
margin: 10px 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.ex2 img:hover {
height: 600px;
width: 800px;
margin-left: -50px;
align-content:center;
}
</style>
</head>
</head>
<body>
<div id="container">
<div class="ex2" align="center">
<img src="thor/pongo_thor_tana.jpeg" width="250" height="140" alt=""/>
</div>
</div>
</body>
Valora esta pregunta


0