Jump to content

Aurola

Member
  • Posts

    1
  • Joined

  • Last visited

Aurola's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. 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.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.