# 7 動畫

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

![](/files/KAHhC6fggJvsRTZD0zP3)

![](/files/1KAER93S0qZBpSLQsayC)

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

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

![](/files/3hSTXPrOWSUtlOWvNSy9)

## 什麽構成了互動？

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

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

![](/files/8lSyrfN75diT5PPGuoqh)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/7-dong-hua.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.