スクロールに合わせて要素をふわっと表示【プラグインなし】

よく使うのでメモ。
JavaScriptのscrollイベントではなく、Intersection Observerを使用しています。

スクロールに合わせて要素を表示

See the Pen スクロールに合わせて要素を表示 by AlanSmithee21 (@alansmithee21) on CodePen.

デモページはこちら

スクロールに合わせて要素を時間差で表示

See the Pen スクロールに合わせて要素を時間差で表示 by AlanSmithee21 (@alansmithee21) on CodePen.

デモページはこちら

スクロールに合わせて要素を表示(いろんな動き)

See the Pen スクロールに合わせて要素を表示(いろんな動き) by AlanSmithee21 (@alansmithee21) on CodePen.

デモページはこちら

他にも思いついた時に更新していきます。