Css mask cut diagonal

img {
  width: 100px;
  height: 100px;
  -webkit-clip-path: polygon(0 0, 0 100px, 100px 80px, 100px 0);
  clip-path: polygon(0 0, 0 100px, 100px 80px, 100px 0);
}

Similar codes

69 votes160 views6 answers
Center image css
CSS
2 votes158 views2 answers
How to apply outline to text in html css
CSS
3 votes155 views2 answers
Css glow text
CSS
1 vote143 views2 answers
Fixed within the div css
CSS
1 vote149 views1 answer
Place many images in a div beautifully
CSS
0 vote179 views1 answer
Start a css file
CSS
0 vote178 views1 answer
Css make background image repeat vertically
CSS
0 vote196 views1 answer
Sass scale color
CSS
0 vote160 views2 answers
Tailwind css disabled button
CSS
0 vote221 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS