CSS Marka

by Bacher

HTML

<div class="marka">

</div>

CSS

.marka {
    position: relative;
    width: 100px;
    height: 70px;
    background: red;
}

.marka:before {
    z-index: -1;
    position: absolute;
    width: 70px;
    height: 70px;
    content: '';
    background: blue;
    -webkit-transform: scale(1, 0.5) rotate(45deg);

    left: 15px;
    bottom: -35px;
}