Animation On Scroll

Animation On Scroll

What is Animation on Scroll?

It is one of those “when you scroll to here, trigger this animation” libraries. AOS  (Animation on Scroll) was created by Michał Sajnógand has established itself on quite a few production sites. In the words of the developer, “I decided to create a library that has a pure goal – detect position of elements and then add appropriate classes when they appear in viewport.

Prebuilt Elements and Components: Timber-Boot includes the AOS libraries in its compiled CSS and JS files.  This decision was based on the principal it uses of controlling animations entirely in CSS with all the logic inside the JavaScript. This library is written in pure JS and doesn’t rely on any dependencies, which means optimized coding and minimal resource usage as not to have a noticeable weight on page performance.

Admin Interface: The admin console allows you to choose the animation type, speed, delay, anchor placement, and easing.  These setting can be applied to whole pages and posts down to selected elements such as an image or text.