How to do this text hover with image ?

Home › Forums › Jevelin Theme › How to do this text hover with image ?

Home › Forums › Jevelin Theme › How to do this text hover with image ?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts

  • ot.tremelin
    Participant

    Hi,

    I saw a user’s website of Jevelin Theme (@<span class=”bbp-author-name”>villavictorlouis)</span> and I would like to do the same thing with the text hover with image (at the bottom of this page : http://www.villavictorlouis.com/offres/) as you can see on my screenshot, but I don’t know how to do it, and I don’t know how to contact this user…

    Can you help me please ?

    Thanks,

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @ot.tremelin,

     

    I hope you are well today and thank you for your question.

     

    The user has used the below CSS code to achieve that result and added the CSS id b-img to the image tag.

     

    #b-img:hover {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
}

#b-img {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

     

    Best regards,
    Shufflehound team

    ot.tremelin
    Participant

    Thanks a lot for your help.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)