Okay
  Public Ticket #3714274
Client display element effect
Closed

Comments

  •  6
    Moofrad started the conversation
    August 29, 2024 at 11:33am

    Hey,

    Is there a way to have the effect of the client display element on some images? 

    I mean where the image/logo change color when hovering not using the client display element? 

  •  8,858
    Tahir replied
    August 29, 2024 at 11:37am

    Hey Again,

    Please provide the page URL so we can write up what's possible.

    Thanks.

    ThemeNectar Support Team 

  •   Moofrad replied privately
  •  8,858
    Tahir replied
    August 29, 2024 at 2:41pm

    Hey Again,

    Add this to the Page CSS box so it only applies on that page. 

    .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner:hover img.img-with-animation {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}
.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
    transition: filter .45s cubic-bezier(.3,.4,.1,1),opacity .45s cubic-bezier(.3,.4,.1,1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
}

    Thanks

    ThemeNectar Support Team