DIV con borde dentado
Publicado por walter (28 intervenciones) el 11/01/2016 15:28:08
Hola a todos. resulta que estoy trabajando con unas divs que tienen la propiedad css "KenewY". el conflicto que veo es que los bordes se ven dentados. tuve que superponer con valor negativo estas capas porque al "torcer" el div me quedaba un espacio de desface entre una y otra, ya que el kenew del siguiente div es nagativo (o sea que tuerce para el otro lado).
les paso el css:
acá el link y desde ya muchas gracias:
http://sonidosdistantes.com.ar/tryp/
les paso el css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.caja-01 {
display: block; height: 650px;width: 100%;
transform: skewY(-2deg); /* KNEW*/
-webkit-transform: skewY(-2deg); /* KNEW*/
-moz-transform: skewY(-2deg); /* KNEW*/
-o-transform: skewY(-2deg); /* KNEW*/
-ms-transform: skewY(-2deg); /* KNEW*/
text-align: center;
background-image: url(img/caja-01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
float: left;background-attachment: scroll;
margin-top: -100px;
overflow: hidden;border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
acá el link y desde ya muchas gracias:
http://sonidosdistantes.com.ar/tryp/
Valora esta pregunta
0