0

quiero sesgar un div para que quede como en la imagen. Y no tengo absoluta idea para hacerlo. Muchas gracias de antemano.

header{
    width: 100%;
    height: 60px;
    background-color: #76cad4;
    box-shadow:2px 2px 5px grey;  
}
.fondo-img{
    width: 20%;
    height: 100%;
    background-color: #f5f5f5;
    
}
<header>
        <div class="fondo-img"><img src="img/logo-stucom.png"></div>
    </header>

Imagen

2

1 respuesta 1

2

En lugar de sesgar te doy una solución alternativa: utilizar un gradiente lineal de esta manera:

header{
    width: 100%;
    height: 60px;
    background-image: 
  linear-gradient(135deg, #f5f5f5 0%, #f5f5f5 50%, #76cad4 50%, #76cad4 100%);
    box-shadow:2px 2px 5px grey;  
}
.fondo-img{
    width: 20%;
    height: 100%;
    background-color: #f5f5f5;    
}
<header>
<div class="fondo-img"><img src="img/logo-stucom.png"></div>
</header>

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.