CSS3過渡動(dòng)畫（CSS3 Transition）是指在不改變CSS屬性值的情況下，通過規(guī)定的延時(shí)時(shí)間和過渡效果，在元素的狀態(tài)發(fā)生變化時(shí)使元素平滑的過渡到新的狀態(tài)。

在CSS3中，過渡動(dòng)畫主要是通過transition屬性來實(shí)現(xiàn)的，transition屬性包括以下幾個(gè)屬性值：

transition-property: 規(guī)定應(yīng)用過渡效果的CSS屬性的名稱。 
transition-duration: 規(guī)定過渡動(dòng)畫的持續(xù)時(shí)間。
transition-timing-function: 規(guī)定過渡動(dòng)畫的速度曲線。
transition-delay: 規(guī)定過渡動(dòng)畫何時(shí)開始執(zhí)行。

比如，下面的代碼就實(shí)現(xiàn)了一個(gè)簡單的過渡動(dòng)畫效果：

.box {
width: 100px;
height: 100px;
background: red;
transition: width 1s linear;
}
.box:hover {
width: 200px;
}

以上代碼中，當(dāng)鼠標(biāo)懸停在.box元素上時(shí)，該元素的寬度會(huì)從原來的100像素平滑地過渡到200像素，過渡時(shí)間為1秒，過渡方式為線性。

通過調(diào)整transition屬性的四個(gè)子屬性值，可以實(shí)現(xiàn)各種不同的過渡動(dòng)畫效果，比如漸變（ease）、緩沖（ease-in-out）、彈性（cubic-bezier）等。

雖然過渡動(dòng)畫看起來很簡單，但它可以讓網(wǎng)站界面變得更加生動(dòng)、立體，并且可以提升用戶體驗(yàn)。所以，熟練掌握CSS3過渡動(dòng)畫，是每個(gè)前端開發(fā)工程師都應(yīng)該掌握的技能之一。