Settings

Contao ContentElement settings:

The js_aos template must be included in the page layout.

contao-backend.png

Customizable attributes:

  1. data-aos: Defines the type of animation. (fade, slide-up, zoom-in, etc.)
  2. data-aos-duration: Defines the duration of the animation in milliseconds.
  3. data-aos-delay: Delays the start of the animation by the specified time in milliseconds.
  4. data-aos-offset: Determines the offset height in pixels from which the animation is triggered.
  5. data-aos-easing: Defines the acceleration curve of the animation.
  6. data-aos-anchor: Defines the anchor element at which the animation is triggered.
  7. data-aos-anchor-placement: Determines at which point of the anchor element the animation is triggered.
  8. data-aos-once: Determines whether the animation is triggered only once or with every scroll.
  9. data-aos-mirror:Also triggers the animation again when scrolling back.
  10. data-aos-id: Assigns a unique ID to the animation in order to address it specifically.