Style transitionProperty Eigenschaft
Style-ObjektBeispiel
Fahren Sie mit dem Mauszeiger über ein div-Element, und seine Breite und Höhe ändern sich allmählich:
Selbst ausprobieren »
Definition und Verwendung
Die Eigenschaft transitionProperty gibt den Namen der CSS-Eigenschaft an, auf die der Übergangseffekt angewendet wird. (Der Übergangseffekt beginnt, wenn sich die angegebene CSS-Eigenschaft ändert.)
Tipp:Der Übergangseffekt tritt normalerweise auf, wenn der Benutzer den Mauszeiger über ein Element bewegt.
Hinweis:Legen Sie immer die Eigenschaft transitionDuration fest, andernfalls ist die Dauer 0 und es tritt kein Übergangseffekt auf.
Browser-Unterstützung
Internet Explorer 10, Firefox, Opera und Chrome unterstützen die Eigenschaft transitionProperty.
Safari unterstützt eine alternative Eigenschaft zu dieser Eigenschaft, nämlich die Eigenschaft WebkitTransitionProperty.
Hinweis:Internet Explorer 9 und frühere Versionen unterstützen die Eigenschaft transitionProperty nicht.
Syntax
Die Eigenschaft transitionProperty zurückgeben:
Die Eigenschaft transitionProperty festlegen:
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Keine Eigenschaft erhält einen Übergangseffekt. |
| all | Standardwert. Alle Eigenschaften erhalten einen Übergangseffekt. |
| property | Definiert eine kommagetrennte Liste von CSS-Eigenschaftsnamen, auf die der Übergangseffekt angewendet wird. |
| initial | Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。 |
Technische Details
| Standardwert: | all |
|---|---|
| Rückgabewert: | Eine Zeichenfolge, die die transition-property-Eigenschaft des Elements darstellt. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS-Referenz:transition-property-Eigenschaft
Andere Erweiterungen