Hi @tuanphan! I'm trying to do something similar on my site: https://borderlesscolors.com/home
I want to apply the effect only to the images in #new-page-1-1 , I was able to achieve it with this code:
#new-page-1-1 img { filter: grayscale(100%); transition: filter .3s ease-in-out;} #new-page-1-1 img:hover { filter: none;}
However, I'm wondering how to change this so the effect occurs when you scroll down instead of when you hover. Can you help me with this? (I want the image colors to change when the user scrolls down whether or not they hover right over each image). I appreciate your help.