Configuring the Scrolling Effect

The scrolling effect in this template is achieved using the scrollCue plugin. Here is an example code snippet that triggers the effect:

<img
  src="img/bg/arrow.png"
  class="img-fluid position-absolute d-none d-lg-inline-block mt-4"
  alt="arrow"
  data-cue="slideInDown"
  data-delay="600"
/>

You can customize the animation by changing the value of the data-cue attribute to any animation class you prefer.

To explore the available animation types, you can refer to the scrollCue documentation.

For adding a delay to the animation, you can set the data-delay attribute with the desired delay value.

Make sure to check the provided links for more detailed settings and information about this plugin.

Back to top