Plugin jQuery: Magnifying glass for image zoom using jQuery and CSS3

Magnifying glass for image zoom using jQuery and CSS3
http://www.jqueryrain.com/?http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3
http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3
06/07/2012

Nội dung

Magnifying glass for image zoom using jQuery and CSS3

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.

Tags: Image Hover Effect

Nguồn: www.jqueryrain.com/2012/07/magnifying-glass-image-zoom-using-jquery-css3/


Chưa có phản hồi
Bạn vui lòng Đăng nhập để bình luận