Odznaka

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: #F34A53;
    width: 100px;
    height: 100px;
    position: relative;
    margin: 50px auto;
}

#badge:before, 
#badge:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background: #F34A53;

}
#badge:before {
    transform: rotate(30deg);
}

#badge:after {
    transform: rotate(60deg);
}