See the demo site

displays content with animations on page scroll (library in pure JS)

syntax 1 : animates the content of the shortcode
{up anim-aos} your text {/up anim-aos}
syntax 2 : animates the tags indicated in the content
{up anim-aos | repeat=tags list} content with target tags{/up anim-aos}
syntax 3 : animates all the tags indicated from the position of the shortcode to the end of the article
{up anim-aos | repeat=tags list}

animation :
fade-up, fade-down, fade-right, fade-left, fade-up-right, fade-up-left, fade-down-right, fade-down-left,flip-left, flip-right, flip-up, flip-down,zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right, zoom-out, zoom-out-up, zoom-out-down, zoom-out-right, zoom-out-left
easing :
linear, ease, ease-in, ease-out, ease-in-out, ease-in-back, ease-out-back, ease-in-out-back, ease-in-sine,ease-out-sine, ease-in-out-sine, ease-in-quad, ease-out-quad, ease-in-out-quad, ease-in-cubic, ease-out-cubic,ease-in-out-cubic, ease-in-quart, ease-out-quart, ease-in-out-quart
anchor-placement :
top-bottom, center-bottom, bottom-bottom, top-center, bottom-center, center-center, top-top, bottom-top