CodePen Embed - mask-mode

<img src="https://images.unsplash.com/photo-1490735891913-40897cdaafd1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1350&q=80" alt="">

img {
  display: block;
  width: 100%; 
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 50%;  
  mask-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/sun.svg);
  mask-mode: alpha;
}

This Pen is owned by Mojtaba Seyedi on CodePen.

See more by @seyedi on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.