Heim > Artikel > Web-Frontend > Welche verwandten Eigenschaften hat die CSS3-Animation?
Animationsbezogene Attribute umfassen: Transformation, Transformationsursprung, Übergang, „@keyframes“, Animation, Animationsname, Animationsdauer, Animationsverzögerung usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
css3 hat drei Animationen: Transformation, Übergang, Animation
1, Transformation (2D/3D-Konvertierungsattribut)
Eigenschaft | Beschreibung | CSS |
---|---|---|
transformieren | Geeignet für 2D- oder 3D-transformierte Elemente | Perspektive |
3 | Perspektive-Ursprung | |
Dieses Attribut ist Übergang – Kurzform für Eigenschaft, Übergangsdauer, Übergangszeitfunktion, Übergangsverzögerung. | 3 | |
Legen Sie die für den Übergang verwendete CSS-Eigenschaft fest. | 3 | |
Legen Sie die Zeitdauer für den Übergang fest. | 3 | |
Stellen Sie die Timing-Funktion für den Übergang ein. | 3 |
3
Beschreibung. | CSS | |
Definieren Sie eine Animation, den Namen der von definierten Animation @keyframes soll von Animationsname verwendet werden. | 3 | |
Zusammengesetzte Attribute. Ruft die auf das Objekt angewendeten Animationseffekte ab oder legt diese fest. | 3 | |
Ruft den auf das Objekt angewendeten Animationsnamen ab oder legt ihn fest. Er muss mit der Regel @keyframes verwendet werden, da der Animationsname durch @keyframes | 3 | |
Abruf Oder legen Sie die Dauer der Objektanimation fest | 3 |
3
Animationsverzögerung3 | animation-play-state | |
---|---|---|
3 | Beispiel: | |
(Lernvideo-Sharing: | css Video-Tutorial) |
Das obige ist der detaillierte Inhalt vonWelche verwandten Eigenschaften hat die CSS3-Animation?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!