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

0 vote362 views1 answer
Mouse hold css effect
CSS
54 votes357 views3 answers
Center align an image css
CSS
0 vote339 views2 answers
Roles
CSS
0 vote350 views1 answer
Crystal background css
CSS
156 votes403 views6 answers
Center a div css
CSS
4 votes319 views1 answer
How to stop an image repeating in css
CSS
0 vote349 views1 answer
Menu multiple colums batch
CSS
5 votes344 views1 answer
How to make text not highlightable css
CSS
5 votes346 views1 answer
Css negative padding
CSS
0 vote380 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS