Ajaa ! ya hoy realize una pagina con ciertas div diagiones como si fueran separadores de cada seccion, use este codigo:
Cita:
<div class="containers">
<div class="rotate"></div>
</div>
.containers{
height:210px;
width: 100vw;
overflow:hidden;
position:relative;
}
.rotate{
background-color: #0492dc;
height: 20%;
position:absolute;
transform: rotate(7deg);
transform-origin: 0 0 0;
width: 150%;
padding: 10px;
margin-left:-80px;
}
El problema ahora es, que como cada div(diagonal) esta dentro de una seccion, al final la seccion es un cuadrado en donde se encuentra la diagonal, por ende si quiero incrementar la altura de la diagonal tengo que incrementar la altura de la seccion. No entiendo como hacer un div que sea diagonal y que en la seccion de abajo no abarque tanto espacio(seccion). No se si me entienden.
Gracias !!