JSFiddle - React, Tailwind, and code Playground

by suhail

HTML

<img src="https://picsum.photos/id/12/500/100" >

<img src="https://picsum.photos/id/10/700/100" >

<img src="https://picsum.photos/id/125/500/200" >

CSS

img {
  -webkit-mask:
     linear-gradient(110deg,transparent 27%, #fff 27%) bottom left;
  -webkit-mask-size:2000px 2000px; 
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-composite: destination-in;
  mask:
     linear-gradient(110deg,transparent 27%, #fff 27%) bottom left;
  mask-size:2000px 2000px; 
  mask-repeat:no-repeat;
  mask-composite: intersect;

}