figura sencilla con CSS responsive

[ArturoGallegos]

algo como esto puede valerte

Código HTML:

<div class="figura"></div>
 

Código CSS:

.figura{
  height:25px;
  background:#000;
  margin: 30px 0;
  overflow:hidden;
  position: relative;
}
 
  .figura:before, .figura:after{
    display: block;
    content: '';
    height: 50px;
    width: 60%;
    background:#fe0;
    transform:rotate(3deg);
    position:absolute;
    bottom: -35px;
    left: -15px;
  }
  .figura:after{
    left: auto;
    right: -15px;
    transform:rotate(-3deg)
  }