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

12 votes143 views2 answers
Css select every other element
CSS
0 vote170 views1 answer
Change link color in wordpress
CSS
1 vote139 views1 answer
Apply css if class not present
CSS
0 vote145 views1 answer
Css not last of type
CSS
1 vote132 views1 answer
Css table grid
CSS
0 vote146 views1 answer
Navbar bootstrap display items horizontally
CSS
0 vote155 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
3 votes141 views2 answers
Width css property
CSS
4 votes140 views3 answers
Background with image and gradient
CSS
0 vote130 views1 answer
Border-radius cross browser
CSS