Image hover effect (class required)

  • Resolved myhero

    (@myhero)


    8 years, 3 months ago

    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

    (@acosmin)

    .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

    (@myhero)

    Thanks @acosmin will the above still maintain the overlayed share buttons?
    I’ve applied it as above to site.

    Theme Author acosmin

    (@acosmin)

    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

    (@myhero)

    @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.