WoodPecker Logo
Tech Docs Buy Now

Animate On Scroll

Animate elememts when they enter the viewport with a simple API. Assign data-aos="animation_name" to any element and the it will animate on scroll.

Animate On Scroll

Customise the look by easily changing variable values in Sass. See the documentation to view various possibilities.

View Documentation
fade-up
Animation On Scroll

Some quick example text to build on the card title and make up the bulk of the card's content.

flip-up
Animation On Scroll

Some quick example text to build on the card title and make up the bulk of the card's content.

slide-up
Animation On Scroll

Some quick example text to build on the card title and make up the bulk of the card's content.

zoom-in
Animation On Scroll

Some quick example text to build on the card title and make up the bulk of the card's content.

© 2019 WoodPecker® HTML UI Kit. All Rights Reserved