ふわっと表示させるScrollReveal.jsのサンプル

まずはデフォルト設定の場合

ScrollReveal().reveal('.animate');

右から出たり

ScrollReveal().reveal('.animateright', { distance: '200px', origin: 'right', viewFactor: '0.8' });

左から出たり

ScrollReveal().reveal('.animateleft', { distance: '200px', origin: 'left', viewFactor: '0.8' });

ゆっくり出てきたり

ScrollReveal().reveal('.animateslow', { duration: '3000', viewFactor: '0.8', reset: 'true'});

表示開始時間をずらしたり