概要
【パス会員限定】線が動いてスクロールを促すスクロールダウンパーツ。テキストが縦書き下向き矢印の左側に配置するパターン。その2用途・要件
- キービジュアルによくある、線が動いてスクロールを促すスクロールダウンパーツをCSSで実装。
- テキストは縦書きで線の左側に配置。
- 下向き矢印の形に沿ってアニメーションする。
- 矢印の角度は45度。
- アニメーションにはCSSのanimationを使用。(@keyframes)
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)