HTML - DIV con borde dentado

   
Vista:

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:
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