Quickly search documentation, product details and articles.
set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="500" data-aos-duration="500">Focus</div> The animation attributes can also be used within a Section / Block via the Tag Attribute option: Predefined Options Here is a list of predefined options
Wordpress Documentation /docs/wordpress/themes/myriad/aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/orion/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/phoenix/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/photon/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/protean/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/reiko/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/remnant/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/requiem/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/salient/atom_aos.mdAOS Attributes Once the atom is in place, you can now use the data-aos attributes within any of your HTML tags as shown here: <div data-aos="fade-up">Photo Centric Theme</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="
Grav Documentation /docs/grav/themes/sienna/atom_aos.md