StyloorgangEiendomseiendom _ _
Voorbeeld
Beweeg oor 'n div-element om sy breedte en hoogte geleidelik te verander:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Definisie en gebruik
Die transitionProperty-eienskap spesifiseer die naam van die CSS-eienskap waarvoor die oorgangseffek is (die oorgangseffek sal begin wanneer die gespesifiseerde CSS-eienskap verander).
Wenk: 'n Oorgangseffek kan tipies voorkom wanneer 'n gebruiker oor 'n element beweeg.
Let wel: spesifiseer altyd die transitionDuration-eienskap, anders is die duur 0, en die oorgang sal geen effek hê nie.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
transitionProperty | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionProperty |
12.1 |
Sintaksis
Gee die transitionProperty-eienskap terug:
object.style.transitionProperty
Stel die transitionProperty-eienskap:
object.style.transitionProperty = "none|all|property|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
none | No property will get a transition effect |
all | Default value. All properties will get a transition effect |
property | Defines a comma separated list of CSS property names the transition effect is for |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | almal |
---|---|
Terugkeerwaarde: | 'n String, wat die oorgangseienskap-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: oorgang-eiendom eiendom
❮ Stylvoorwerp