Heim >Web-Frontend >CSS-Tutorial >Eine ausführliche Einführung in Animationen und Transformationen

Eine ausführliche Einführung in Animationen und Transformationen

巴扎黑
巴扎黑Original
2017-06-14 15:34:141417Durchsuche

1. Übergang verwenden Übergangseffekte werden im Allgemeinen dadurch implementiert, dass der Browser die CSS-Eigenschaften des Elements direkt ändert. Wenn Sie beispielsweise den :hover-Selektor verwenden, wendet der Browser die mit dem Selektor verknüpften Eigenschaften an, sobald der Benutzer mit der Maus über das Element fährt. Wenn der Benutzer mit der Maus über das Span-Element fährt, reagiert der Browser, indem er die neuen Attribute direkt anwendet. Die Änderungen werden unten dargestellt: CCS-Übergangseigenschaften ermöglichen die Steuerung, wie schnell neue Eigenschaftswerte angewendet werden. Beispielsweise können Sie das Erscheinungsbild des Span-Elements im Beispiel schrittweise ändern, sodass der Effekt beim Bewegen der Maus über das Wort „Banane“ harmonischer ist. Die Eigenschaften „transition-delay“ und „transition-duration“ werden als CSS-Zeit angegeben, bei der es sich um eine Zahl in ms (Millisekunden) oder s (Sekunden) handelt. Das Format des Übergangsabkürzungsattributs ist wie folgt: Übergang:

Eine kurze Diskussion des CSS-Übergangs , Animations- und Transformationsmethoden

Eine ausführliche Einführung in Animationen und Transformationen

Einführung: Der folgende Editor bringt Ihnen einen Artikel über CSS-Übergänge und Animationen und Transformationen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Kommen Sie und schauen Sie sich den Editor an, ich wünsche Ihnen allen ein glückliches Spiel

2

Einführung: In allen Browsern wird JS in einem einzelnen Thread ausgeführt. Wenn es asynchrone Aufgaben wie setTimeOut() gibt, werden diese ausgeführt Zur Ausführungswarteschlange hinzugefügt und dann ausgeführt, wenn der Thread inaktiv wird. Eine ausführliche Einführung in Animationen und Transformationen

3. [CSS] Übergang, Animation und Transformation

Einführung: [CSS] Übergang, Animation und Transformation

4. [CSS] Übergänge, Animationen und Transformationen

Einführung: [CSS] Übergang, Animation und TransformationEine ausführliche Einführung in Animationen und Transformationen

[Verwandte Q&A-Empfehlungen]:

Das obige ist der detaillierte Inhalt vonEine ausführliche Einführung in Animationen und Transformationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn