logo
Fade Animation:
data-aos="fade-up"
data-aos="fade-down"
data-aos="fade-right"
data-aos="fade-left"
data-aos="fade-up-right"
data-aos="fade-up-left"
data-aos="fade-down-right"
data-aos="fade-down-left"
Flip Animation:
data-aos="flip-left"
data-aos="flip-right"
data-aos="flip-up"
data-aos="flip-down"
Zoom Animation:
data-aos="zoom-in"
data-aos="zoom-in-up"
data-aos="zoom-in-down"
data-aos="zoom-in-left"
data-aos="zoom-in-right"
data-aos="zoom-out"
data-aos="zoom-out-up"
data-aos="zoom-out-down"
data-aos="zoom-out-right"
data-aos="zoom-out-left"
Different settings examples Animation:
data-aos="fade-up" data-aos-duration="3000"
data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500"
data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
data-aos="fade-left" data-aos-anchor="#example-anchor" data-aos-offset="500" data-aos-duration="500"
data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="300" data-aos-offset="0"
data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000"
Anchor placement:
data-aos="fade-up" data-aos-anchor-placement="top-bottom"
data-aos="fade-up" data-aos-anchor-placement="center-bottom"
data-aos="fade-up" data-aos-anchor-placement="center-center"
data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"