You want to favourite this post:

RT T. Afif @ CSS Challenges
CSS Tip!
Add a fancy hover effect to your image with a small code
One element (the <img> tag)
No pseudo-element
Powered by CSS mask and @property
Chromium only for now
Demo: http://codepen.io/t_afif/full/abRWELR via @CodePen
#CSS https://t.co/nLZ9wav7sc

GIF