CSS3動(dòng)畫是現(xiàn)代網(wǎng)站設(shè)計(jì)的必備技能。它可以為網(wǎng)頁帶來生動(dòng)、精美的視覺效果，提升用戶體驗(yàn)、吸引眼球。CSS3動(dòng)畫有多種觸發(fā)方式，包括：

/* 單次觸發(fā)方式 */
animation-name: myanimation; /* 動(dòng)畫的名稱 */
animation-duration: 2s; /* 動(dòng)畫的時(shí)間 */
animation-timing-function: ease; /* 動(dòng)畫的緩動(dòng)函數(shù) */
animation-delay: 0s; /* 動(dòng)畫的延遲時(shí)間 */
animation-iteration-count: 1; /* 動(dòng)畫的重復(fù)次數(shù) */
/* 無限重復(fù)觸發(fā)方式 */
animation-iteration-count: infinite;
/* 鼠標(biāo)懸浮觸發(fā)方式 */
:hover {
animation-name: myanimation;
animation-duration: 2s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
}
/* 頁面滾動(dòng)觸發(fā)方式 */
@keyframes myanimation {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.section {
animation-name: myanimation;
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 0s;
animation-fill-mode: both;
}

以上代碼演示了單次觸發(fā)、無限重復(fù)觸發(fā)、鼠標(biāo)懸停觸發(fā)和頁面滾動(dòng)觸發(fā)4種方式。通過掌握這些方式，我們可以靈活運(yùn)用CSS3動(dòng)畫，為網(wǎng)頁增添不同的特效。