フェードイン
Fade In
別名: 溶け込み
ライブデモ
説明
一言で説明
要素の不透明度を0から100へ徐々に変化させることで、滑らかに出現させるアニメーション効果。
いつ使う？
画面遷移後のコンテンツ表示、モーダルの出現、画像の読み込み完了時。
💡 日常の言い方
「じわ〜っと浮き上がってくるように出てくる動き」
似ている用語との違い
フェードイン vs スライドイン
フェードインは『透明度』の変化。スライドインは『位置』の移動。組み合わせて使われることも多い。
AIへの指示例
カード一覧を表示するとき、各カードを0.3秒かけてフェードインさせて。少しずつ時間をずらして順番に出てくるようにして。