Title: Image hover effect (class required)
Last modified: September 1, 2016

---

# Image hover effect (class required)

 *  Resolved [myhero](https://wordpress.org/support/users/myhero/)
 * (@myhero)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-slection/)
 * Hi,
 * I’d like to select know what the image hover selector is please. I’d like to 
   remove the milky roll over effect and replace it with a scaling effect (below).
 * Will you please tell me what the required CSS class is?
 *     ```
       .requiredclass:hover .image img {
       transform: scale(1.2); }
       .requiredclass .image img {
       transition: all 0.4s ease-in-out;
       }
       ```
   

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Theme Author [acosmin](https://wordpress.org/support/users/acosmin/)
 * (@acosmin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-slection/#post-7692199)
 *     ```
       .sc-thumbnail, .post-thumbnail { overflow: hidden; }
       .sc-thumbnail:hover img, .post-thumbnail:hover img { transform: scale(1.2); backface-visibility: hidden; }
       .sc-thumbnail img, .post-thumbnail img  { transition: all 0.4s ease-in-out; }
       .st-overlay:hover, .sc-item:hover .st-overlay { background-color: transparent !important; }
       ```
   
 *  Thread Starter [myhero](https://wordpress.org/support/users/myhero/)
 * (@myhero)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-slection/#post-7692210)
 * Thanks [@acosmin](https://wordpress.org/support/users/acosmin/) will the above
   still maintain the overlayed share buttons?
    I’ve applied it as above to [site](http://southafricanism.com/).
 *  Theme Author [acosmin](https://wordpress.org/support/users/acosmin/)
 * (@acosmin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-slection/#post-7692217)
 * I can’t see the results because of WP Supercache. It’s serving me static html
   files. You need to empty it.
 * Did it work?
 *  Thread Starter [myhero](https://wordpress.org/support/users/myhero/)
 * (@myhero)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-slection/#post-7692225)
 * [@acosmin](https://wordpress.org/support/users/acosmin/) It worked!
 * Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Image hover effect (class required)’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/justwrite/2.0.3.6/screenshot.png)
 * JustWrite
 * [Support Threads](https://wordpress.org/support/theme/justwrite/)
 * [Active Topics](https://wordpress.org/support/theme/justwrite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/justwrite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/justwrite/reviews/)

## Tags

 * [image hover effect](https://wordpress.org/support/topic-tag/image-hover-effect/)

 * 4 replies
 * 2 participants
 * Last reply from: [myhero](https://wordpress.org/support/users/myhero/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-slection/#post-7692225)
 * Status: resolved