CSS transition-property egenskab
- foregående side transition-duration
- næste side transition-timing-function
definition og brug
transition-property egenskaben definerer navnet på CSS-egenskaben, der skal anvende overgangseffekter. (Når den specificerede CSS-egenskab ændres, begynder overgangseffekten).
tip:overgangseffekter opstår normalt, når brugeren flytter musepegeren over elementet.
kommentar:sæt altid transition-duration egenskaben, ellers vil varigheden være 0, og der vil ikke opstå en overgangseffekt.
se også:
CSS undervisning:CSS overgang
HTML DOM referencemanual:transitionProperty egenskab
eksempel
Placer musepegeren på div-elementet, og det vil opstå en overgangseffekt med en glat ændring af elementets bredde:
div {
transition-property: width;
}
CSS syntaks
transition-property: none|all|property;
egenskabsværdi
| værdi | beskrivelse |
|---|---|
| ingen | ingen egenskaber vil få overgangseffekter. |
| alle | alle egenskaber vil få overgangseffekter. |
| property | definerer en liste over CSS-egenskaber, der skal anvende overgange, adskilt af kommaer. |
tekniske detaljer
| standardværdi: | alle |
|---|---|
| inheritance: | nej |
| version: | CSS3 |
| JavaScript syntaks: | object.style.transitionProperty="width,height" |
browser-understøttelse
Tallene i tabellen angiver den første browser-version, der fuldt ud understøtter egenskaben.
Tallene i tabellen viser den første browser-version, der fuldt ud understøtter egenskaben med præfiks.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
- foregående side transition-duration
- næste side transition-timing-function
