Reveal

Slides up into place from below while fading in. The general-purpose "something appears" effect — works well on images, cards and paragraphs.

Classes

Class	Plays
`fx-reveal-pl`	On page load
`fx-reveal-st`	When the element scrolls into view
`fx-reveal`	Automatically, when its section scrolls into view

Duration — fx-duration-[n], default 1 second.
Delay — fx-delay-[n], default 0.
Ease — fx-ease-[name], default power3.out.
Start position — fx-start-[pos], default top 85% (scroll-triggered only).

The slide distance (80px) can only be changed from JavaScript — see JavaScript API.

<img src="photo.jpg" class="fx-reveal-st fx-delay-[0.2]" alt="" />