CodePen Embed - overview mask

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

img {
  -webkit-mask:linear-gradient(#0000,#000);
          mask:linear-gradient(#0000,#000);
}
img + img {
  -webkit-mask:linear-gradient(#0000 50%,#000 0);
          mask:linear-gradient(#0000 50%,#000 0);
}



body {
  background: linear-gradient(90deg,#ddd,#fff);
}

This Pen is owned by Temani Afif on CodePen.

See more by @t_afif on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.