Styloorgang Eiendom _
Voorbeeld
Beweeg oor 'n div-element om sy voorkoms geleidelik te verander:
document.getElementById("myDIV").style.transition = "all 2s";
Definisie en gebruik
Die oorgangseiendom is 'n snelskrif-eiendom vir die vier oorgangseiendomme:
transitionProperty, transitionDuration, transitionTimingFunction en transitionDelay.
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 | |||||
---|---|---|---|---|---|
transition | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransition |
12.1 |
Sintaksis
Gee die oorgangseienskap terug:
object.style.transition
Stel die oorgangseienskap:
object.style.transition = "property duration timing-function delay|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
transitionProperty | Specifies the name of the CSS property the transition effect is for |
transitionDuration | Specifies how many seconds or milliseconds the transition effect takes to complete |
transitionTimingFunction | Specifies the speed curve of the transition effect |
transitionDelay | Defines when the transition effect will start |
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 0 gemak 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die oorgangseienskap van 'n element voorstel |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: oorgang eiendom
❮ Stylvoorwerp