やってみよう画面の下の矢印を見てから、下にスクロールしてみてください
スクロールマイナー（知る人ぞ知る）
下へスクロールの合図
Scroll Down Indicator
最初の画面の下に、下向きの矢印や「Scroll」の文字がピョコピョコ動き、下に続きがあることを知らせる。
別名スクロールダウンスクロール誘導下矢印のアニメーションScroll ↓
どこで使われている？
- よく見かける場所
- LP・ブランドサイトの最初の画面、ポートフォリオ、写真を大きく見せるサイト
- 使うとよい場面
- 最初の画面が画面いっぱいで、下に続きがあると気づきにくいとき
- 避けたい場面
- 最初の画面の中に、すでに下の内容が少し見えているとき
AIへの指示文
これをコピーしてAIに貼り付ければOKです。Webサイトを作る前提の内容です（右上の「何を作る？」で変えられます）。
HTML / CSS / JavaScript で「下へスクロールの合図（Scroll Down Indicator）」を実装してください。 動き：画面いっぱいの最初の画面の下中央に、下向きの矢印（または縦線と「Scroll」の文字）を置き、上下に小さく跳ねる動きを繰り返す。少しスクロールしたら消す。 使う部品：CSS の animation で矢印を上下に動かし、scroll で消す
もっと詳しく：プログラムでの部品名
同じ動きでも、作るものによってプログラムの中での部品の名前が違います。上の指示文にはすでに入っているので、覚える必要はありません。AIの説明に出てきた単語を確認したいときに使ってください。
| Webサイトなら | CSS の animation で矢印を上下に動かし、scroll で消す |
|---|---|
| iPhoneアプリなら | Image(systemName: "chevron.down") ＋ .symbolEffect(.bounce) |
| Androidアプリなら | infiniteTransition で矢印を上下に動かす |
| Flutterなら | AnimatedBuilder で矢印を上下に動かす |
| React Nativeなら | Animated.loop で矢印を上下に動かす |