CSS transition-property egenskap
- föregående sida transition-duration
- nästa sida transition-timing-function
definition och användning
transition-property egenskapen specificerar namnet på CSS-attribut som tillämpas för övergångseffekter. (Övergångseffekten börjar när det specificerade CSS-attributet ändras).
tips:övergångseffekter inträffar vanligtvis när användaren flyttar muspekaren över elementet.
kommentar:sätt alltid transition-duration egenskap, annars kommer tidsintervallet att vara 0 och det kommer inte att uppstå någon övergångseffekt.
se också:
CSS tutorial:CSS transition
HTML DOM referenshandbok:transitionProperty egenskap
exempel
placera muspekaren på div-elementet, vilket skapar en övergångseffekt med en smidig ändring av elementets bredd:
div {
transition-property: width;
}
CSS syntax
transition-property: none|all|property;
property value
| value | description |
|---|---|
| none | ingen egenskap kommer att få övergångseffekter. |
| all | alla egenskaper kommer att få övergångseffekter. |
| property | definierar en lista över CSS-attribut som används för att tillämpa övergångseffekter, listan är avskild med kommatecken. |
technical details
| default value: | all |
|---|---|
| inheritance: | no |
| version: | CSS3 |
| JavaScript syntax: | object.style.transitionProperty="width,height" |
webbläsarstöd
tal i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.
tal med -webkit-、-moz- eller -o- prefix indikerar den första versionen som används.
| 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- |
- föregående sida transition-duration
- nästa sida transition-timing-function
