transition-property屬性的使用方法？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作與策劃設(shè)計(jì),江津網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:江津等地區(qū)。江津做網(wǎng)站價(jià)格咨詢:13518219792

transition-property屬性是用于指定應(yīng)用過(guò)渡效果的 CSS 屬性的名稱；當(dāng)指定的 CSS 屬性發(fā)生改變時(shí)，過(guò)渡效果將開始。

CSS3  transition-property屬性

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

提示：過(guò)渡效果通常在用戶將鼠標(biāo)指針浮動(dòng)到元素上時(shí)發(fā)生。

語(yǔ)法：

transition-property: none|all|property;

none：沒(méi)有屬性會(huì)獲得過(guò)渡效果。

all：所有屬性都將獲得過(guò)渡效果。

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

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

CSS3  transition-property屬性的使用示例

請(qǐng)把鼠標(biāo)指針移動(dòng)到紅色的 div 元素上，查看過(guò)渡效果。
width屬性發(fā)生變化：

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

注釋：本例在 Internet Explorer 中無(wú)效。

效果圖：

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)transition-property屬性的使用方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。