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

0 vote273 views1 answer
How to saturate colors in css
CSS
83 votes299 views6 answers
Css center text
CSS
0 vote311 views1 answer
Display inline not alligned
CSS
0 vote290 views1 answer
Text stock css
CSS
0 vote287 views1 answer
Remove border radius select css
CSS
7 votes317 views3 answers
Bootstrap remove outline
CSS
0 vote284 views1 answer
Sticky footer bootstrap 3
CSS
20 votes305 views2 answers
Stop selection css
CSS
-1 vote278 views1 answer
How to use a blank space with grid template areas css
CSS
8 votes300 views1 answer
Align in the middle of page html
CSS