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

    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

    Thanks a lot for your help.

    You are most welcome here 🙂

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