Creating an interactive/responsive image grid

Design help Animations & Interactions
1

Hello! I am trying to design an image grid and I’d like to know if it’s possible to build an interaction where the images change on a scroll or hover-over interaction.

So basically, I will have 20 images (5 columns and 4 rows), and I want the images to fade / change to a second image when interacted with (scroll, hover, or on a timer). Do I need to do custom code for this? Or is there an easy way to do this in Webflow?

2

This is easy to do in Webflow.
Give all the images the same class name and set the “Hover” state with any effect you like, like gray color to full color, or adding another color with transparent to add a darker effect on the hovered image.