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)

Perspektive Geben Sie an, wie das 3D-Element in der Perspektive angezeigt wird. 3 Perspektive-Ursprung Definition Ob ein Das Element sollte sichtbar sein, wenn man nicht auf den Bildschirm blickt transition-property Übergangsdauer Übergangs-Timing-Funktion Übergangsverzögerung

Eigenschaft	Beschreibung	CSS
transformieren	Geeignet für 2D- oder 3D-transformierte Elemente
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

Geben Sie den Zeitpunkt an, zu dem der Übergang beginnt.

3

3, Animation (Animationsattribut) Attribut @keyframes Animation animationsname animation definiert wird -Dauer Animations-Timing-Funktion

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

Übergangstyp der Objektanimation abrufen oder festlegen

3

Animationsverzögerung Abrufen oder festlegen die Verzögerungszeit der Objektanimation in umgekehrter Reihenfolge in der Schleife Status der Objektanimation abrufen oder festlegen Beispiel: css Video-Tutorial

3		animation-play-state
3
	(Lernvideo-Sharing:	)

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!