互動和動畫

了解設計中的運動和動畫如何影響網站訪客的體驗，並確定如何檢查作業系統和瀏覽器運動設定。

作為 Webflow 中的 After Effects 和 Lottie 系列的一部分，我們製作了 Lottie 動畫…

在 After Effects 中建立動畫，使用 bodymovin 外掛程式將其匯出為 Lottie JSON 文件，然後在 Webflow 網站中為它們製作動畫。

當滑鼠懸停在元素上時，根據滑鼠的位置製作旋轉卡片移動的動畫。

將 Lottie 動畫新增至您的網站並使用互動控制其播放。

建立一個序列動畫，在頁面載入後為多個元素新增動畫效果。

了解如何重複使用互動。

當您將滑鼠懸停在父元素上時，請使用懸停互動來顯示子元素。

建立一個觸發器，當您向下捲動頁面時，該觸發器會淡出並移動元素。

觸發器和動畫是任何互動的兩個主要方面。