Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #372610

    Hi guys
    I would like to know if it’s possible to have this effect on the masonry images on hover.

    exemple

    I want this image to stay 100% original on the website
    no hover

    Then i would like to have a red mask like this when someone hover it (keeping the zoom effect )
    hover

    Thanks

    #372625

    Never mind, i found how to do it.
    Here the code that i used , if it can help someone else.

    .avia_desktop .av-hover-overlay-active .av-masonry-image-container:hover {
    background-blend-mode: multiply;
    background-color: #DD3E27;
    }

    But now i would like to know if it’s possible to change the zoom effect for a slide effect from top to bottom.

    Thanks !!!

    #372630

    Hi!

    Can you please post the link to your website?
    And, thank you for sharing your solution :)

    Best regards,
    Yigit

    #372680
    This reply has been marked as private.
    #372724

    Hi!

    I don’t think it’s possible and you would need to hire a freelancer for this, but have you got an example of what you want to achieve?

    Regards,
    Andy

    #372733
    This reply has been marked as private.
    #372878

    I thought it was possible with -webkit-transform: translate … But i can’t figure out how to achieve it .
    If someone could help me with this it will be very appreciated.
    Regards!

    #372917
    This reply has been marked as private.
    #373346

    Hi!

    It’s going to take a lot of time and code to pull off so it would be best to hire a freelancer to help you out with this customization. I don’t know of any resources I can point you to regarding CSS3 animations but I would probably start here, http://css-tricks.com/, if you want to learn how to do it yourself.

    Cheers!
    Elliott

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.