動畫類型詞條 4-16

進場動畫Entrance Animation

也常叫做：進場效果、Entrance Animation、淡入上滑

你可能會這樣說

別人的網站一捲到某段，那段卡片才依序淡入、往上浮，有節奏感；自己的網站則是一次全部載完，平平整整躺在畫面上。想學會這種「捲到才出現」的效果。

進場動畫是元件登場時的出場動作：淡入、上滑、輕微放大，並常搭配「捲動進入視野才觸發」，讓內容隨閱讀節奏亮相。

它顯得高級是因為資訊分批出現：視線有先後順序，畫面像被安排過，而不是一次全部倒出來。

兩個地雷要避：同排元件間隔 100 毫秒左右就好，疊太久讓人不耐煩；而且只動一次，來回捲動不要重播。

✕ 全部一次攤開

🔥 熱銷課程

⭐ 學員作品

📬 訂閱電子報

開頁瞬間全部攤在畫面上——沒有節奏。

✓ 依序登場

🔥 熱銷課程

⭐ 學員作品

📬 訂閱電子報

間隔 120 毫秒淡入上浮（重新載入本頁可重看）。

間隔 100 毫秒左右依序出現，而且只動一次——來回捲動不要重播。

圖 4-16　右邊重載後看：卡片依序淡入上浮。

中文就可以

請加上捲動觸發的進場動畫：
1. 元件進入視窗 80% 範圍時，淡入並上移 24 像素。
2. 同排元件依序出現，間隔 100 毫秒。
3. 每個元件只播一次，來回捲動不重播。
4. 「減少動態效果」開啟時直接顯示，不做動畫。