CSS3 transition-Verwendung und Beispiel der delay-Eigenschaft

transition-Die delay-CSS-Eigenschaft definiert, wann die Transformation beginnt (z.B. ein2s-Wert zeigt an, dass die Transformation im Anwendungsbereich stattfindet2Sekunden später beginnen). Der Wert kann in Sekunden oder Millisekunden angegeben werden.

Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie seine Verwendungssyntax im JavaScript-Skript.

transition-delay Syntax

Die Syntax dieses Attributes ist wie folgt：

transition-delay:　time　|　initial　|　inherit

Der folgende Beispiel zeigt, wie man transition verwendet-delay Eigenschaft.

button　{
　　　　background:　#fd7c2a;
　　　　/*　Für Safari　3.0+　*/
　　　　-webkit-transition-property:　background;
　　　　-webkit-transition-duration:　4s;
　　　　-webkit-transition-delay:　2s;
　　　　
　　　　transition-property:　background;
　　　　transition-duration:　4s;
　　　　transition-delay:　2s;
}
button:hover　{
　　　　background:　#3cc16e;
}

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Browserkompatibilität

transition-delay Eigenschaft und die Kompatibilität der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Anleitungen：CSS3 Transitions。

zusammenhängende Eigenschaften：transition，transition-duration，transition-property，transition-timing-function。