Scroll animations

In the Box template we have implemented the animation engine based on the scrollReveal.js script. This script creates elements scroll animations in a very simple way.

Thanks to this script you can describe an animation using a language very similar to natural.

Description of the animation is placed in the data-sr attribute:

<!-- These 2 lines are equivalent -->
<p data-sr="enter top and move 25px"> foo </p>
<p data-sr="enter from the top and then move 25px"> foo </p>

The full description of the syntax is available on the project documentation page

Skorpion Engineering
additive manufacturing division of Seltap Srl

Via Vittime del Vajont 3/1 – 10024 Moncalieri
tel: +39.011.965.82.97 | fax: +39.011.965.87.91
P.IVA 09899180013
Follow us