![【Vanilla JS】Intersection Observer APIを使用した出現アニメーション(拡大、縮小しながら出現)](https://konocode.jp/wp-content/uploads/2023/06/image_id12075.gif)
実装目安
3分
概要
スクロールに合わせて対象要素が拡大、縮小しながら出現するアニメーションをIntersection Observer APIを使用して実装する方法を紹介。用途・要件
- スクロールに合わせて対象要素が拡大、縮小しながら出現するアニメーション
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)