1. Home
  2. Docs
  3. Multi Layer Slider
  4. Getting Started
  5. How to add scroll effects in the slider?

How to add scroll effects in the slider?

Yes, Multi-Layer Slider Module provides the elegant Scroll Effect options in sliders such as Fade Effect, Blur Effect, and Grayscale Effect. You can apply Fade, Blur and Grayscale effects at the same time to the entire Slide and its Layers as the Module scrolls into and out of view.

Step 1: Go to the General tab and open the Scroll Effect section. You will get three different scroll effects like Fade Effect, Blur Effect, and Grayscale Effect. Select the option to On for each scroll effect you want to enable or if you want to apply all scroll effects to your slider then enable them all at once. Click the save button once you are done.

Step 2: Each scroll effect will perform different operations. The fade effect will fade your content into and out of view as the module scrolls into and out of view. The grayscale effect will transform your content from black and white to color as the module scrolls into and out of view and the Blur effect will apply a blur filter to your content as the page scrolls into and out of view.

Was this article helpful to you? Yes No

How can we help?