Origin

string

options.origin specifies what direction elements come from when revealed.

You will need a non-zero value assigned to options.distance for options.origin to have any visible impact on your animations.

Default

{ origin: 'bottom' }

Accepted Values

Usage

When used sparingly, different origins for related elements can help create more interesting reveal animations, e.g:

ScrollReveal({ distance: '60px' });
ScrollReveal().reveal('.logo', { origin: 'top' });
ScrollReveal().reveal('.tagline', { origin: 'bottom' });