Easing

string

options.easing controls how animations transition between their start and end values.

Default Value

{ easing: 'cubic-bezier(0.5, 0, 0, 1)' }

See this in action at cubic-bezier.com or create your own!

Accepted Values

Should be a valid CSS timing function, e.g:

'ease'
'ease-in'
'ease-in-out'
'ease-out'
'step-start'
'step-end'
'steps()'
'cubic-bezier()'

Usage

ScrollReveal().reveal('.smooth', { easing: 'ease-in' });
ScrollReveal().reveal('.choppy', { easing: 'steps(5)' });