CodePen Embed - Cut 4 corners with one gradient

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

.mask {
  -webkit-mask: radial-gradient(30px,#0000 98%,#000) 0 0;
  transition:.5s linear;
  cursor:pointer;
}
.mask:hover {
  -webkit-mask: radial-gradient(30px,#0000 98%,#000) -100px -100px;
}

body {
  background: pink;
}

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.