CSS3-Übergangseigenschaft
Übersetzungsergebnisse：
Übergang
Englisch [trænˈzɪʃn] Amerikanisch [trænˈzɪʃən, -ˈsɪʃ-]
n. Übergang, Transformation, [Sprache] Konvertierung; [Le] Modulation
Übergang im Präteritum: transited
CSS3-ÜbergangseigenschaftSyntax
Funktion: Legen Sie das Übergangsattribut des Elements fest
Beschreibung: Zusammengesetztes Attribut. Ruft den Übergang ab oder legt ihn fest, wenn das Objekt transformiert wird.
Das Transformationsattribut in CSS3 kann Übergangseffekte erzielen. Es legt den Namen des Übergangseffekts, die Abschlusszeit, die Geschwindigkeitskurve und die Startzeit fest
CSS3-ÜbergangseigenschaftBeispiel
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:yellow;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<div></div>
<p>请把鼠标指针放到黄色的 div 元素上，来查看过渡效果。</p>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body>
</html>Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen
Beliebte Empfehlungen
- CSS-Übergangseigenschaften: Transition-Timing-Function und Transition-Delay
- Detaillierte Erläuterung der CSS-Übergangseigenschaften: Transition-Timing-Function und Transition-Delay
- Kennen Sie sich mit Transition aus? Erfahren Sie mehr über Transition!
- Tipps zur Optimierung von CSS-Übergangseigenschaften: Übergangszeitfunktion und Übergangsdauer
- Übergangsanimation in der React.js-App anzeigen
- So verwenden Sie den Übergang in CSS