免費(fèi)AI編程助手
Style transitionProperty 屬性
Style 對(duì)象實(shí)例
把鼠標(biāo)指針懸停在 div 元素上，它的寬度和高度會(huì)逐漸改變：
document.getElementById("myDIV").style.transitionProperty="width,height";
嘗試一下 ?
定義和用法
transitionProperty 屬性規(guī)定應(yīng)用過(guò)渡效果的 CSS 屬性的名稱。（當(dāng)指定的 CSS 屬性改變時(shí)，過(guò)渡效果將開(kāi)始）。
提示：過(guò)渡效果通常在用戶把鼠標(biāo)指針懸停在元素上時(shí)發(fā)生。
注意：請(qǐng)始終設(shè)置 transitionDuration 屬性，否則持續(xù)時(shí)間為 0，就不會(huì)產(chǎn)生過(guò)渡效果。
瀏覽器支持
Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transitionProperty 屬性。
Safari 支持另一個(gè)可替代該屬性的屬性，即 WebkitTransitionProperty 屬性。
注意：Internet Explorer 9 及其之前的版本不支持 transitionProperty 屬性。
語(yǔ)法
返回 transitionProperty 屬性：
object.style.transitionProperty
設(shè)置 transitionProperty 屬性：
object.style.transitionProperty="none|all|property|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| none | 沒(méi)有屬性會(huì)獲得過(guò)渡效果。 |
| all | 默認(rèn)值。所有屬性都將獲得過(guò)渡效果。 |
| property | 定義應(yīng)用過(guò)渡效果的 CSS 屬性名稱列表，列表以逗號(hào)分隔。 |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。 |
| inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | all |
|---|---|
| 返回值： | 字符串，表示元素的 transition-property 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè)：transition-property 屬性
更多建議：