I wanted to do a scrolling effect with the following elements:

  • As the image scrolls down, a CSS filter is applied. In this case, it’s a black-and-white filter to wash out the colour
  • Other options include a sepia filter, a blur filter, a zoom filter

See the Pen Parallax Filter by Shawn DeWolfe (@dewolfe001) on CodePen.0

Share this page: Sharing Facebook Twitter LinkedIn Copy Text