Was sind die Vorteile von Animationen in CSS3?

Vorteile der Implementierung von Animationen in CSS3: 1. Der Browser kann die Animation optimieren (keine Animation, wenn das Element unsichtbar ist, wodurch die Auswirkungen auf FPS reduziert werden); 3. Hardwarebeschleunigung kann verwendet werden; 4. Es belegt nicht den Hauptthread.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Im Allgemeinen gibt es nur drei Eigenschaften der CSS3-Animation: Transformation, Übergang und Animation.

Übergang:1s (Übergangsanimationseffekt): vom spezifischen Wert einer Person zu einem anderen Übergangswert

transform:rotate(300deg) x,y-Rotation transform:rotageX(300deg) transform:rotageY(300deg)

transform:scale Skalieren Sie die Die Wirkung auf den Rand und dann Änderung der Größe und Position, Anzeige der geänderten Struktur, keine Übergangs- und Verformungszeit. Bei der Animation geht es darum, Frames zu erstellen, sodass sich verschiedene Frames an unterschiedlichen Zeitknoten unterschiedlich ändern auf Animation und @keyframe Einerseits geht es auch darum, Leistung und Verhalten zu trennen (Keine Animation, wenn das Element unsichtbar ist, was die Auswirkungen auf die FPS verringert)

2 Der Implementierungscode ist relativ einfach

3 Hardwarebeschleunigung kann verwendet werden

1. Schlechte Kompatibilität.

2. Die Animationssteuerung ist nicht flexibel genug, der laufende Prozess ist schwach, es kann keine verbindliche Rückruffunktion angehängt werden, es kann keine Rückruffunktion an einer bestimmten Position hinzugefügt oder ein Wiedergabeereignis gebunden werden und es gibt keinen Fortschrittsbericht.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas sind die Vorteile von Animationen in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!