CSS3 Übergangs Immobilien Immobilien
Beispiele
Bewegen Sie den Mauszeiger über ein div-Element, und nach und nach die Breite der Tabelle zu ändern:
{
transition-property:width;
-moz-transition-property: width; /* Firefox 4 */
-webkit-transition-property:width; /* Safari and Chrome */
-o-transition-property:width; /* Opera */
}
div:hover {width:300px;}
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
属性 | |||||
---|---|---|---|---|---|
transition-property | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Attributdefinitionen und Anweisungen
Übergang-Eigenschaft Attribut gibt die CSS-Eigenschaft nametransition-Effekt (die festgelegten CSS-Eigenschaft ändert, wenn der Übergangseffekt beginnen).
Tipp: ein Übergangseffekt, tritt in der Regel , wenn der Benutzer ein Element schwebt über.
Hinweis: Immer übergangs Dauer Eigenschaft angeben, sonst Dauer von 0, wird Übergang keine Wirkung.
Standard: | alle |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.transitionProperty = "Breite, Höhe" |
Grammatik
Wert | Beschreibung |
---|---|
keiner | Keine Eigenschaft erhalten Übergänge. |
alle | Alle Objekte werden Übergangseffekte erhalten. |
Immobilien | Definitionen gelten die Übergangseffekt CSS-Eigenschaft Namensliste, die durch Komma getrennt. |
Weitere Beispiele
Übergangseffekte - beide Eigenschaften zu verändern
Bewegen Sie den Mauszeiger ein div Element über, ändern Sie die Breite und Höhe mit glatten Übergangseffekten.