This tutorial will be using CSS3 transform which means, old browsers will not show the zooming effect. Good news is, I have coded it, even if it's ...

This tutorial will be using CSS3 transform which means, old browsers will not show the zooming effect. Good news is, I have coded it, even if it's old browsers, it will still look pretty good and usable.

Learn to make a realistic magnifying glass using Jquery and CSS3. Hover above the image to see the action.The code uses CSS3 box-shadow and border-...

Learn to make a realistic magnifying glass using Jquery and CSS3. Hover above the image to see the action.The code uses CSS3 box-shadow and border-radius properties to create the magnifying glass. Jquery is used to position it at the cursor coordinates and change the background position accordingly.Moving the cursor away from the image gently fades out the magnifying glass bringing the image back to the default state.

This a great CSS image zoom hover effect that can be easily implemented in your website projects. When you hover the image you get a nice and neet ...

This a great CSS image zoom hover effect that can be easily implemented in your website projects. When you hover the image you get a nice and neet CSS hover effect and also some info about the image.

What made me wonder is if it was possible to turn this static image into a fully functional “Retina effect” with only jQuery and CSS. This is exact...

What made me wonder is if it was possible to turn this static image into a fully functional “Retina effect” with only jQuery and CSS. This is exactly what we are doing today. So grab the demo files from the button above and read on.

In this tutorial, we will learn how to make ordinary thumbnail to something more.

In this tutorial, we will learn how to make ordinary thumbnail to something more.

Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and whe...

Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over it gets zoomed out. This effect could be used in photography websites or image galleries.