Animations


You can load your HTML conent with awesome animations enabled on scroll.

To animate your HTML element, use the markup below:

You can adjust animations with the following data-attributes:

  • data-when
  • data-from
  • data-to
  • data-easing
  • data-crop
  • data-opacity
  • data-scale
  • data-scalex
  • data-scaley
  • data-scalez
  • data-rotatex
  • data-rotatey
  • data-rotatez
  • data-translatex
  • data-translatey
  • data-translatez

And CSS classes:

  • .ct-js-animationDynamic,
  • .ct-js-animation–item

Here you will find full plugin documentation.