Hover Animation on an Image

[darkoracle]

Hi

I have run into an issue I can't solve and it's probably super easy for someone who knows what to do, all I want to do is apply a filter to an image on mouse over:



The only filter I can get to work is blur with:

Blur(3.5px)

but I have no idea which Value to add to get any other filter to work, is there a list somewhere I am missing?

Any help would be appreciated.
J

[Pablo]

This is a standard HTML feature, so this is not specific to WWB.

This may be helpful:
https://developer.mozilla.org/en-US/docs/Web/CSS/filter

[darkoracle]

Thank you Pablo, makes perfect sense now

One last question, using the following animation:

Transform Scale 1.1 and set an image overflow to hidden you get this lovely zoom animation when you mouse over it, I can't find the option to set Overflow: Hidden on a card image so when I apply the same animation the image grows out of the card, still zooms obviously but overflows into the card or content next to it. Is there a way to have the same cool effect on a card?

All the best
J

[Pablo]

There you can set the image layout property to 'box'.

This is demonstrated here:
https://www.wysiwygwebbuilder.com/support/wb15tryouts/wb15_cards.html#CardContainer22