Parallelogram

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

by Daniel Pietrasik

HTML

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

<div id="parallelogram"></div>

CSS

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

#parallelogram {
	width: 100px;
	height: 200px;
	transform: skewY( 45deg );
	background-color: #F34A53;
	margin: 75px auto 0;
}