Rhombus

https://danielpietrasik.pl/css3-figury-geometryczne/

by Daniel Pietrasik

HTML

<!-- 
 - CSS3 Figury geometryczne za pomocą kodu
 - https://danielpietrasik.pl/css3-figury-geometryczne/
-->

<div id="rhombus"></div>

CSS

/**
 * CSS3 Figury geometryczne za pomocą kodu
 * https://danielpietrasik.pl/css3-figury-geometryczne/
 **/

#rhombus {
	width: 106px;
	height: 150px;
	transform: skewY( -45deg );
	background-color: #F34A53;
	margin: 75px auto 0;
}