在CSS中，可以使用animation屬性來(lái)添加時(shí)間軸效果，時(shí)間軸效果可以讓元素在一段時(shí)間內(nèi)進(jìn)行一系列的動(dòng)畫(huà)效果，如移動(dòng)、縮放、旋轉(zhuǎn)等，下面是在CSS中添加時(shí)間軸的基本語(yǔ)法：

@keyframes animation-name {
  0% { /* 動(dòng)畫(huà)開(kāi)始的樣式 */ }
  100% { /* 動(dòng)畫(huà)結(jié)束的樣式 */ }
}
.selector {
  animation: animation-name duration timing-function delay;
}

@keyframes規(guī)則用于定義動(dòng)畫(huà)序列，0%和100%分別表示動(dòng)畫(huà)開(kāi)始和結(jié)束的狀態(tài)，在selector中，可以通過(guò)animation屬性將動(dòng)畫(huà)應(yīng)用到元素上，其中animation-name為動(dòng)畫(huà)的名稱(chēng)，duration為動(dòng)畫(huà)的持續(xù)時(shí)間，timing-function為動(dòng)畫(huà)的速度曲線，delay為動(dòng)畫(huà)的延遲時(shí)間。

除了上述基本語(yǔ)法外，CSS還提供了多種內(nèi)置函數(shù)和屬性來(lái)實(shí)現(xiàn)更豐富的動(dòng)畫(huà)效果，可以使用transform屬性進(jìn)行移動(dòng)、縮放、旋轉(zhuǎn)等操作，使用transition屬性實(shí)現(xiàn)狀態(tài)的平滑過(guò)渡等。

CSS提供了強(qiáng)大的時(shí)間軸功能，可以輕松地實(shí)現(xiàn)各種動(dòng)畫(huà)效果，讓網(wǎng)頁(yè)更加生動(dòng)和有趣。