JSFiddle - React, Tailwind, and code Playground

by Daniel Pietrasik

HTML

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

<div id="example33"></div>

CSS

#example33 {
	margin-top: 15px;
	position: relative;
	color: #F34A53;
	width: 0px;
	border-right: 25px solid transparent;
	border-bottom: 18px  solid #F34A53;
	border-left: 25px solid transparent;
	transform: rotate(35deg);
}

#example33:before {	
    position: absolute;
	content: '';
	width: 0;
	top: -12px;
	left: -18px;
	border-bottom: 20px solid #F34A53;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	transform: rotate(-35deg);
}

#example33:after {
	
}