How we can achieve this effect using CSS? [duplicate]

I am a beginner in CSS. Here is an effect that I need to achieve.

Before hover Before hover image

After Hover After hover image

I don't know what is the name of this effect. That's why I am unable to find a tutorial.

Thanks in advance!