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 vote263 views1 answer
How to make a text in center with background color in css
CSS
8 votes284 views2 answers
Text that shows an underline on hover
CSS
57 votes333 views4 answers
Css hover rounded corners
CSS
31 votes341 views3 answers
Rgba blue color
CSS
0 vote276 views1 answer
P::after p::before css
CSS
0 vote370 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
0 vote276 views1 answer
Text align left in span
CSS
0 vote301 views1 answer
React right burger scrol bar
CSS
0 vote285 views1 answer
Tailwind css ui dropdown
CSS
0 vote282 views2 answers
Animate zoom in and zoom out in css
CSS