estoy intentando hacer un paralelogramo pero no sé como hacer exactamente el que quiero. He visto algunos que se asemejan bastante al que quiero conseguir.
#paralelogramo {
width: 150px;
height: 100px;
background: #bdc3c7;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
}
<div id="paralelogramo" class="forma"></div>
Eso es lo maximo que he conseguido.
El resultado que quiero conseguir es el siguiente:
No quiero que sea una imagen ya que cuando haga el hover y los efectos del mouse no funcionará bien.
Un saludo !