Skip to content
Freebiesbug
Primary Menu
Need something else? Access over 55+ Million Commercial Assets with Envato Elements
Envato Elements Logo
Download Now

Home > Code stuff > Miscellanea > Shape masking + Zoom CSS effect

Shape masking + Zoom CSS effect

Code
Shape masking + Zoom CSS effect

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 4097 times.

Share this

  • Twitter
  • Facebook
  • Pinterest
You should try this
Related Freebies
Product item hover effect

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
Simple icon hover effects CSS

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
Responsive & expanding thumbnail grid

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

Browse by Category

  • Free PSD (715)
    • Icons (167)
    • Mockups (217)
    • UI kits (104)
    • Website templates (117)
  • Figma freebies (76)
  • Sketch freebies (213)
  • Free fonts (396)
  • Code stuff (303)
    • HTML Website templates (92)
    • HTML UI Kits (12)
  • Free stock photosNEW
  • Landing page inspirationsNEW
  • Submit a freebie

Subscribe

Get the latest news on your email.

© Freebiesbug. All trademarks are the property of their respective owners.|Privacy Policy
×
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.