Shape masking + Zoom CSS effect

Code

Here is a fantastic CSS tutorial by Kevin Liew about showing images with shape masking and a cool zoom effect.

View demo View tutorial

Posted on July 25, 2013 in Code stuff, Miscellanea and tagged hover, thumbnails. This post has been viewed 4060 times.

Twitter
Facebook
Pinterest

You should try this

Related Freebies

An amazing product item CSS hover effect for ecommerce websites. It is made width both CSS and Javascript. Created by Emil Møller.

June 26, 2013

Product item hover effect

Code

Some simple icon hover effects with you. The idea is to create a subtle and stylish effect using CSS transitions and animations.

May 31, 2013

Simple icon hover effects CSS

Code

Tutorial on how to create a responsive thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

March 20, 2013

Responsive & expanding thumbnail grid

Code

Search Freebie

Search for:

Browse by Category

Free PSD (715)
- Icons (167)
- Mockups (217)
- UI kits (104)
- Website templates (117)
Figma freebies (61)
Sketch freebies (213)
Free fonts (392)
Code stuff (298)
- HTML Website templates (87)
- HTML UI Kits (12)
Free stock photosNEW
Landing page inspirationsNEW
Submit a freebie

Get the latest news on your email.

Leave this field empty if you're human:

Freebiesbug uses browser cookies to give you the best possible experience. To use Freebiesbug, you must agree to our Privacy Policy, including cookie policy. I agree.

Share this

Search Freebie