JSFiddle - React, Tailwind, and code Playground

by Daniel Pietrasik

HTML

<!-- CSS3 Shapes – kształty za pomocą CSS3 – część 3 - przykład 23 -->
<!-- http://danielpietrasik.pl/css3-shapes-ksztalty-za-pomoca-css3-czesc-3/ -->

<div id="example23"></div>

CSS

#example23 {
    position: relative;
    width: 0;
    border-top: 18px solid transparent;
    border-right: 18px solid #F34A53;
    transform: rotate(15deg);
    margin: 20px;
}
#example23:after {
    content: "";
    position: absolute;
    border-top: 6px solid #F34A53;
    border-radius: 40px 0 0 0;
    top: -24px;
    left: -19px;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
}