Create an irregular shape div css

.wrapper {
    width: 100px;
    height: 100px;
    margin-left: 100px;
    perspective: 150px;
}

.test {
    height: 100px;
    width: 100px;
    background: red;
    transform: rotateX(45deg);
  	transform: rotate(90deg);

}

Source: stackoverflow.com

Similar codes

1 vote311 views1 answer
Css use :root
CSS
1 vote314 views2 answers
Text align left top
CSS
1 vote327 views1 answer
Firefox css code
CSS
-1 vote337 views2 answers
Bootstrap 4 popover content from div
CSS
1 vote393 views1 answer
Can we use multiple keyframes in css
CSS
2 votes371 views3 answers
How to disable link in hmtl
CSS
0 vote329 views1 answer
Remove the dotted border on links
CSS
1 vote330 views1 answer
Css Use the correct background property to make the background image NOT scroll with the rest of the page.
CSS
0 vote366 views5 answers
SVG color
CSS
118 votes390 views6 answers
Css @media
CSS