Style transitionProperty 属性
- Kipya chao Kipya chao
- Pya ja transitionDuration
- Rudi kipindi chao HTML DOM Style 对象
定义和用法
transitionProperty
属性规定过渡效果所针对的 CSS 属性的名称(过渡效果将在指定的 CSS 属性更改时启动)。
提示:当用户将鼠标悬停在元素上时,通常会出现过渡效果。
注释:请始终规定 transitionDuration 属性,否则持续时间为 0,过渡将无效。
另请参阅:
CSS 参考手册:Hakika ya transition-property
实例
将鼠标悬停在 div 元素上以逐渐改变其宽度和高度:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Mabadi
Kurudi hakika ya transitionProperty:
object.style.transitionProperty
Kusaidia hakika ya transitionProperty:
object.style.transitionProperty = "none|all|property|initial|inherit"
Chaguo cha tabia
Chaguo | Maelezo |
---|---|
none | Hakuna tabia zilizofikia hapa inayosaidia kuzingatia. |
all | Chaguo cha kuzingatia. Tabia zote zizofikia hapa zinafaa kusaidia kuzingatia. |
property | Ufafanuzi wa kina cha CSS ya kusaidia kuzingatia, inafikia kwa chaguo cha kufikia kwa chaguo cha kuzingatia. |
initial | Inasaidia tabia hii kwa chaguo cha kuzingatia. Tazama hapa: initial. |
inherit | Inasaidia tabia hii kutoka kwa kina cha mbinguni yake. Tazama hapa: inherit. |
Maelezo ya mawasiliano
Chaguo cha kuzingatia: | all |
---|---|
Matokeo wa kusoma: | Mwongozo, inaeleza kiwango cha kina cha elementi Hakika ya transition-property. |
Versio ya CSS: | CSS3 |
Muungano wa browser
Mafanikio kwenye tabia hii ina uwezo wa kusaidia browser ya kwanza inayosimamia tabia hii.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- Kipya chao Kipya chao
- Pya ja transitionDuration
- Rudi kipindi chao HTML DOM Style 对象