# 7 動畫

多年來，網絡和我們的數字設備已經變得反應靈敏，功能強大。作為設計者和開發者，我們可以使用一些工具，讓我們建立複雜的互動和令人印象深刻的動畫。

![](https://3898762810-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUL7tT1ncFWq0egj5syeq%2Fuploads%2FvrUCPzioVaY4O8ErGHX7%2Fimage.png?alt=media\&token=2b8546bc-1c9d-4394-86b4-f5e5af3d95b6)

![](https://3898762810-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUL7tT1ncFWq0egj5syeq%2Fuploads%2FW7VVABssA5LS9NsUW2T9%2Fimage.png?alt=media\&token=68acf6a4-09ac-4fcd-b9e2-77c98ddc476b)

傳統上，這些工具通常是用高度特定的JavaScript構建的，需要工具和插件來完成沖突和基於代碼的令人討厭的學習曲線。

在Webflow，我們可以使用所有我們需要的工具，通過可視化的方式建立互動，從而以極其精細的控制來操作這些內容。

![](https://3898762810-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUL7tT1ncFWq0egj5syeq%2Fuploads%2FD9a5XH13m31LJ6pEDe0P%2Fimage.png?alt=media\&token=13081c70-081b-4ed1-9c32-b329ec6d0b17)

## 什麽構成了互動？

互動圍繞著兩個強大的東西進行設計：觸發器和動畫。

觸發器--無論是點擊、滾動、懸停、移動鼠標、加載頁面--都會執行動畫（觸發器上發生的事情）。

![](https://3898762810-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUL7tT1ncFWq0egj5syeq%2Fuploads%2FYRDNJoERF1gJBPQVnuAG%2Fimage.png?alt=media\&token=538ee0e9-1031-4ed0-96ef-1cd4cb8c50d1)

而透過這種精確的控制，我們可以應用定時動畫、滾動動畫和基於位置的鼠標動畫。