HTML - divs knew bordes se ven mal

   
Vista:

divs knew bordes se ven mal

Publicado por walter (28 intervenciones) el 21/01/2016 17:28:44
a ve si alguien me puede dar una mano.
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:
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder