過渡屬性(css transition)是CSS3中的一項特性, 它可以讓元素在某些屬性變化時逐漸地改變其狀態(tài)。這個過程可以被控制得非常細致，比如可以設(shè)定變化的持續(xù)時間、延遲時間以及變化速度曲線等參數(shù)。

過渡屬性可以應(yīng)用在很多屬性上，比如背景色、字體大小、寬度、高度、邊框等等。下面我們來看一個例子：

.box{
width: 100px;
height: 100px;
background-color: blue;
transition: background-color 1s;
}
.box:hover{
background-color: red;
}

上面的代碼定義了一個寬度為100px、高度為100px、背景色為藍色的盒子。當我們在該盒子上hover時，盒子的背景色會逐漸地變?yōu)榧t色，變化時間為1秒。

上面的例子中，我們只定義了background-color這一項屬性的過渡效果，如果我們還想讓它的寬度和高度也有過渡效果，只需在transition屬性里添加對應(yīng)的屬性名稱即可：

.box{
width: 100px;
height: 100px;
background-color: blue;
transition: width 1s, height 1s, background-color 1s;
}
.box:hover{
width: 200px;
height: 200px;
background-color: red;
}

如果我們希望過渡效果是勻速的，可以使用linear函數(shù)，如果想讓變化效果一開始慢后來變快，可以使用ease-in函數(shù)，反之則使用ease-out函數(shù)。具體每個函數(shù)的效果可以通過在代碼中調(diào)整來觀察。

總之，過渡屬性是一項非常實用的特性，可以讓我們的網(wǎng)頁變得更加生動、有趣，同時也對用戶友好度有所提升。