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.