NO SALE LA TRANSITION
Publicado por Jaimie (14 intervenciones) el 07/09/2015 23:14:15
Hola a todos/as: Tengo un problemita, hice un carrusel de imagenes con trasitions y les puse los prefijos moz y webkit pero si la miro en una tablet, ssale las fotos todo pero na la transition lo mismo en un iphone, en google crohme bien.
Esto lo hice solo con css en el html puse un div , pero las imagenes las coloque directamente de css...gracias
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
34
35
36
37
38
39
40
41
.galeria:before {
content: "";
position: absolute;width: 100%;
max-width:100%;
height: 100%;
background: url(FOTOSMETAL\tarjeta.jpg);
background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
opacity: .1;
}.miniatura {
position: relative;width:10%; /* Thumbnail width */
padding-bottom: 10%; /* Same as width for square thumbnail */
background-position:50% 50%;
background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
cursor: pointer;}.miniatura:before {
content: "";
position: absolute;top: -1100%; /* ((No.images*2)-1)*100*/
left: 250%;
width: 600%; /* (10000/width.miniatura)-100 */
height:600%; /* No.images*100 */
border: 5px solid white;box-sizing: border-box;
background-image: inherit;
background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
transition: all .8s;
-webkit-transition:all .8s;
-moz-transition:all .8s;
}Esto lo hice solo con css en el html puse un div , pero las imagenes las coloque directamente de css...gracias
Valora esta pregunta
0
