Help with hover link block

Hi, I’m creating this menu:

Each section is a link block to a page. You can see it here:

The thing is I want to anime it, specifically do an inverse color animation to all the link block when the mouse passes; but the “image” wich is a SVG file doesn’t change colour.

I want the images to turn white, but I don’t know how. If you have any information it will be welcomed. Thank you so much for your time!!


Here is my public share link: LINK
(how to access public share link)

For the hover state, try using the Filter = Color Effects: Invert. This should work since your design is black and white.

Make sure your link block background is initially set to white (vs. transparent) so that the inversion knows to change the background to black.

1 Like

Thank you so much! It works perfectly!! :grin: