CSS3 觸發(fā)動(dòng)畫是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的重要元素之一，通過(guò)在網(wǎng)頁(yè)中使用 CSS3 觸發(fā)動(dòng)畫，能夠讓網(wǎng)頁(yè)更加生動(dòng)、有趣、吸引人。

CSS3 觸發(fā)動(dòng)畫可以針對(duì)一些元素，比如按鈕、鏈接、圖片、文字等等，定義一些效果，比如變色、縮放、旋轉(zhuǎn)、移動(dòng)等等。這些效果可以在特定的事件（比如鼠標(biāo)移動(dòng)、點(diǎn)擊、頁(yè)面滾動(dòng)等等）觸發(fā)時(shí)產(chǎn)生。

/* 定義一個(gè)鼠標(biāo)經(jīng)過(guò)時(shí)的效果 */
button:hover {
background-color: #ff8888;
color: #ffffff;
transform: scale(1.2);
}
/* 定義一個(gè)點(diǎn)擊時(shí)的效果 */
button:active {
background-color: #ff4444;
color: #ffffff;
transform: scale(0.9);
transition-duration: 0.2s; /* 設(shè)置過(guò)渡時(shí)間為 0.2 秒 */
}

上面的代碼展示了如何為一個(gè)按鈕元素定義鼠標(biāo)經(jīng)過(guò)和點(diǎn)擊時(shí)的效果。當(dāng)鼠標(biāo)經(jīng)過(guò)按鈕時(shí)，背景色變?yōu)榧t色，文字變?yōu)榘咨瑫r(shí)按鈕縮放 1.2 倍。當(dāng)點(diǎn)擊按鈕時(shí)，背景色變?yōu)樯罴t色，文字變?yōu)榘咨瑫r(shí)按鈕縮放 0.9 倍，并在 0.2 秒內(nèi)完成過(guò)渡。

除了鼠標(biāo)事件，還有很多事件可以觸發(fā) CSS3 觸發(fā)動(dòng)畫，比如頁(yè)面滾動(dòng)、頁(yè)面加載、定時(shí)器等等。在實(shí)際開(kāi)發(fā)中，需要根據(jù)具體的需求來(lái)選擇使用何種事件觸發(fā)。