Warning
  • JUser: :_load: Unable to load user with ID: 948
  • JUser: :_load: Unable to load user with ID: 708
  • JUser: :_load: Unable to load user with ID: 444
  • JUser: :_load: Unable to load user with ID: 142

Scroll animations

In the Hotel 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

Last modified on Tuesday, 30 June 2015 11:51
(0 votes)

Leave a comment

close

Sign up to keep in touch!

Be the first to hear about special offers and exclusive deals from TechNews and our partners.

Check out our Privacy Policy & Terms of use
You can unsubscribe from email list at any time