Sometimes, it is nice to see when you click on an image and it zoom out. There are so many websites which comes with this effect.
In this simple tutorial, i will show you how you can add a cool magnify effect to the images of a website. When the user will click on the image, it will be centered on the user’s screen until dismissed.
See the demo for better understanding.
First of all add following code inside the header of the web page
Now add class=”magnify” to all those images in which you want to add this cool effect.
<img src=”deepanker.jpg” class=”magnify” style=”width:130px; height:150px” />