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

55 votes292 views5 answers
Bootstrap 3 button
CSS
5 votes309 views3 answers
Keep background image fixed during scroll using css
CSS
1 vote313 views1 answer
Zoom background image css
CSS
4 votes286 views2 answers
How to get all values from object in javascript
CSS
49 votes382 views5 answers
Css first
CSS
2 votes288 views1 answer
Js confirm yes no before delete
CSS
6 votes299 views3 answers
Css scroll snap
CSS
0 vote280 views1 answer
Laravel asset css not found
CSS
1 vote296 views1 answer
Which css property is used to change font
CSS
1 vote310 views2 answers
Background shorthand code
CSS