Quickly search documentation, product details and articles.
AOS 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="500
Joomla Documentation /docs/joomla/templates/anacron/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="500
Joomla Documentation /docs/joomla/templates/chimera/atom_aos.mdAttributes 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 Template</div> You can also set each elements duration and delay as shown here: <div data-aos="fade-up" data-aos-delay="500
Joomla Documentation /docs/joomla/templates/myriad/aos.md" data-aos-duration="500" data-aos-easing="ease-in-out">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 for animations: Fade animations: fade fade-up fade-down fade-left
Grav Documentation /docs/grav/themes/anacron/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="500
Grav Documentation /docs/grav/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="500
Wordpress Documentation /docs/wordpress/themes/anacron/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="500
Wordpress Documentation /docs/wordpress/themes/chimera/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="500
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="500
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="500
Grav Documentation /docs/grav/themes/phoenix/atom_aos.md