CSS - transition
Die transition Eigenschaft ist eine zusammenfassende Eigenschaft für die vier Übergangseigenschaften.
Beispiel
div {
transition: width 2s;
}
Definition und Verwendung
Die Eigenschaften, die eingestellt werden können, sind :transition-property, transition-duration, transition-timing-function, und transition-delay.
- Standard Wert:
- all 0s ease 0s
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-transition
- -moz-:
- -moz-transition
- -o-:
- -o-transition
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| transition-delay | Siehe die Werte von transition-delay. |
| transition-duration | Siehe die Werte von transition-duration. |
| transition-property | Siehe die Werte von transition-property. |
| transition-timing-function | Siehe die Werte von transition-timing-function. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |