概要
CSSアニメーションを使用して、スライドが切り替わったタイミングでスライド画像をズームアウトする実装方法を紹介。用途・要件
- 初期化時及びスライドが切り替わった後に、ズームのactiveClassを付与。
- ズームインアニメーションにも変更可能。
- 同一ページへの複数設置可能。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
その他
- jQuery v2.2.4使用。
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
