小編給大家分享一下css中的transition-property屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了貴池免費建站歡迎大家使用！

CSS3transition-property屬性

作用：transition-property屬性規(guī)定應(yīng)用過渡效果的CSS屬性的名稱。（當指定的CSS屬性改變時，過渡效果將開始）。

提示：過渡效果通常在用戶將鼠標指針浮動到元素上時發(fā)生。

語法：

transition-property:none|all|property;

none：沒有屬性會獲得過渡效果。

all：所有屬性都將獲得過渡效果。

property：定義應(yīng)用過渡效果的CSS屬性名稱列表，列表以逗號分隔。

注：需要始終設(shè)置transition-duration屬性，否則時長為0，就不會產(chǎn)生過渡效果。

CSS3transition-property屬性的使用示例

請把鼠標指針移動到紅色的div元素上，查看過渡效果。

width屬性發(fā)生變化：