Change image filter on Hover

Ask the community
1

Hello Guys!

I want to change the image filter on hover. For example:
MOUSEIN, the image should be black and white
MOUSEOUT, the image should be in its normal color

I couldnt find image.filter or image.style so i dont know if its possible or if there is a work around.

Thank You!

2

Hey @user183!

Depending on which editor you are using, it might be possible using a few different options.

Using Wix Studio, you could use CSS editing to apply a custom class on the image when hovering in and out.

The alternative, is layering the 2 images you want over each other. When mouseIn on the non-filtered, show() the filtered image. When mouseOut of the filter, hide() the filter image.

Hope that helps :slight_smile: