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
Then i would like to have a red mask like this when someone hover it (keeping the zoom effect )
Thanks
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 !!!
Hi!
Can you please post the link to your website?
And, thank you for sharing your solution :)
Best regards,
Yigit
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
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!
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