Badge

https://danielpietrasik.pl/css-formy-i-struktury/

by Daniel Pietrasik

HTML

<!-- 
 - CSS Formy i struktury tworzone za pomocą kodu
 - https://danielpietrasik.pl/css-formy-i-struktury/
-->

<div id="badge"></div>

CSS

/**
 * CSS Formy i struktury tworzone za pomocą kodu
 * https://danielpietrasik.pl/css-formy-i-struktury/
 **/

#badge {
    background-color: #F34A53;
    width: 100px;
    height: 100px;
    position: relative;
    transform: rotate(23deg);
    margin: 50px auto;
}

#badge:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background-color: #F34A53;
    transform: rotate(-46deg);
}