diagonal lines

by hondana

HTML

<div style="background:#000; height: auto;padding: 20px;">
<div class="midashi-decoration"></div>
</div>

CSS

.midashi-decoration {
  position: relative;
  padding: 5px;
  background: #fff;
}

.midashi-decoration:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
content: '';
background: repeating-linear-gradient( -45deg, #F7A87F, #F7A87F 1px, #fff 0, #fff 7px );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}