CSS-Transition-Property-Eigenschaft
Übersetzungsergebnisse:
Übergang
英 [trænˈzɪʃn] 美 [trænˈzɪʃən, -ˈsɪʃ-]
property英 [ˈprɒpəti] Schönheit [ˈprɑ: pərti]
CSS-Transition-Property-EigenschaftSyntax
Rolle: Das Attribut transition-property gibt den Namen der CSS-Eigenschaft an, die den Übergangseffekt anwendet. (Der Übergangseffekt beginnt, wenn sich die angegebene CSS-Eigenschaft ändert.) Tipp: Übergangseffekte treten normalerweise auf, wenn der Benutzer den Mauszeiger über ein Element bewegt.
Syntax: transition-property: none|all|property;
Beschreibung: none Keine Eigenschaften erhalten den Übergangseffekt. Alle Eigenschaften erhalten den Übergangseffekt. Die Eigenschaft definiert eine Liste von CSS-Eigenschaftsnamen, die Übergangseffekte anwenden. Die Liste ist durch Kommas getrennt.
Hinweis: Bitte legen Sie immer das Attribut „Übergangsdauer“ fest, andernfalls ist die Dauer 0 und es gibt keinen Übergangseffekt.
CSS-Transition-Property-EigenschaftBeispiel
<!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:blue; transition-property: width; transition-duration: 2s; -moz-transition-property: width; /* Firefox 4 */ -moz-transition-duration: 2s; /* Firefox 4 */ -webkit-transition-property: width; /* Safari and Chrome */ -webkit-transition-duration: 2s; /* Safari and Chrome */ -o-transition-property: width; /* Opera */ -o-transition-duration: 2s; /* Opera */ } div:hover { width:300px; } </style> </head> <body> <div></div> <p>请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。</p> <p><b>注释:</b>本例在 Internet Explorer 中无效。</p> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen
Beliebte Empfehlungen
- Sehen Sie sich Animationen für Übergangsthemen an
- Die Eigenschaft „Ziel“ existiert nicht für den Typ „HTMLInputElement“.
- Das britische Recht definiert Kryptowährungen nun als persönliches Eigentum
- Polygon (POL) migriert 6,50 Milliarden MATIC-Token und markiert damit einen wichtigen Meilenstein in seinem Übergangsplan
- Das britische Parlament hat das Property (Digital Assets etc.) eingeführt, das darauf abzielt, Bitcoin, Kryptowährungen und andere digitale Vermögenswerte offiziell als persönliches Eigentum anzuerkennen.
- Funktionsdekoratoren in Python: @property-, Getter- und Setter-Methoden verstehen