Built-in Presets
Available presets
Section titled “Available presets”All of the standard AOS presets are supported. You can see them in action on the homepage!
- fade
- fade-up
- fade-down
- fade-left
- fade-right
- fade-up-right
- fade-up-left
- fade-down-right
- fade-down-left
- flip-up
- flip-down
- flip-left
- flip-right
Slides
Section titled “Slides”- slide-up
- slide-down
- slide-left
- slide-right
- zoom-in
- zoom-in-up
- zoom-in-down
- zoom-in-left
- zoom-in-right
- zoom-out
- zoom-out-up
- zoom-out-down
- zoom-out-left
- zoom-out-right
Using presets
Section titled “Using presets”Simply set the name in the data-mos
attribute:
<section data-mos="flip-left"> ...</section>
Creating custom presets
Section titled “Creating custom presets”You can also create your own presets. See the API docs for more details.