Die spezifische Bedeutung des CSS-Animationsnamens bezieht sich auf den Füllmodus der Animation

Kürzlich habe ich versucht, mithilfe von CSS eine Animation zu erstellen, bei der die Deckkraft einer bestimmten Klasse von 0 % auf 100 % stieg. Allerdings sind bei der Animation von class="bar" einige Probleme aufgetreten. Wir können sehen, dass der Animationsfüllmodus nicht nur für die T...

P粉441076405 2023-09-13 10:16:28 0  1  563

So stoppen Sie eine Animation mit JQuery

Es gibt zwei Methoden: Führen Sie die Methode „turnRight“ aus, um die Bewegung der Box nach rechts zu steuern, und führen Sie die Methode „turnLeft“ aus, um die Bewegung der Box nach links zu steuern. {Code...} In der turnRight-Methode und der animate-Animationsmethode habe ich eine Rückruffunktion ...

某草草 2017-05-16 13:43:21 0  3  582

Was sind die Vor- und Nachteile von SVG-Animationen und CSS3-Animationen?

RT, in welchen Situationen ist ein Übergangsanimationseffekt für welche Lösung geeignet?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  665

Javascript – Fragen zur One-Methode von jq und zu animierten Ereignissen

{Code...} Schreiben Sie ein kontinuierliches Animationsereignis und fügen Sie einen Ereignis-Listener hinzu. Nachdem diese Animation ausgeführt wurde, wird die nächste Animation durch Hinzufügen einer Klasse ausgeführt. Das Problem besteht nun darin, dass nur der erste Flip-Ereignis-Listener ausgelö...

某草草 2017-06-28 09:24:27 0  1  618

Kontinuierliche CSS-Animation

Ich habe den folgenden CSS-Code. Das Problem besteht darin, dass die Animation so funktioniert, wie ich es möchte, aber nach Ablauf der 10 Sekunden zurückgesetzt wird, was hässlich aussieht. Idealerweise hätte ich gerne eine unendliche Animation, die das Bild nicht neu startet, sondern umhüllt und, ...

P粉928591383 2024-03-20 12:30:42 0  1  495

javascript - Der Ladeanimationseffekt der Seite wird nicht angezeigt?

1. Das Projekt, an dem ich gerade arbeite, ist eine Datentabellenseite. Um das Benutzererlebnis zu verbessern, wird eine Ladeanimation hinzugefügt. Es gibt kein Problem mit dem Plug-in zum Laden von Animationen. Bei der Ausführung der Methode wird jedoch festgestellt, dass der Animationseffekt nicht...

迷茫 2017-05-19 10:18:28 0  4  715

Reaktive modale Gleitanimation

Ich habe ein Modal in React und CSS implementiert und derzeit, wenn ich es öffne, habe ich eine Slide-Up-Animation implementiert, bei der das Modal von unten nach oben gleitet, aber wenn ich es schließe, möchte ich, dass es nach unten geht. Swipe, ich kann nicht herausfinden, wie Kann jemand helfen,...

P粉514458863 2023-08-30 22:49:29 0  1  581

Lassen Sie die CSS-Animation am Ende im Endzustand

Ich führe Animationen für einige Elemente aus, die in CSS auf opacity:0; gesetzt sind. Auf das onClick-Ereignis wird mithilfe von Keyframes eine Animationsklasse angewendet, die die Deckkraft von 0 auf 1 ändert (sowie einige andere Änderungen). Wenn die Animation endet, kehrt das Element leider in d...

P粉950128819 2023-08-20 18:36:55 0  2  670

Scroll-Fortschrittsanimation

Ich muss wissen, wie man den Scroll-Fortschritt animiert. Dabei handelt es sich nicht um den normalen Scroll-Fortschritt, sondern um etwas anderes. Ich stelle einen Link zur Website sowie einen Screenshot des spezifischen Teils bereit, der die von mir gesuchte Animation enthält. https://todoist.com/...

P粉821808309 2024-03-29 19:36:49 0  1  430

CSS – Problem mit der Änderung der Animationsfarbe

Dies ist der anfängliche Farbwert. Weitere Informationen finden Sie in der Demo. Was ist der Grund dafür?

世界只因有你 2017-06-28 09:27:36 0  1  1245

javascript – Zwei Swiper sind verschachtelt. Wenn die äußere Swiper-Animation initialisiert wird, werden die animierten Elemente ausgeblendet und nicht angezeigt.

Ausgangszustand: Schieben Sie zur zweiten Seite und dann zurück. Das Animationselement wird angezeigt und die Animation wird normal abgespielt

我想大声告诉你 2017-05-19 10:32:28 0  1  791

Javascript – Automatische Übergangsanimation für die Übergangshöhe

1. Warum gibt es beim Verkleinern keinen Animationseffekt? 2. Code {code...} 3. Online-Demo (gelöst)

大家讲道理 2017-05-16 13:21:31 0  3  826

Klicken Sie in Vue.js auf eine Schaltfläche, um Animationen nach dem Zufallsprinzip zu generieren

Ich habe drei Lottie-Player-JSON-Animationsdateien – congratulations1.json, congratulations2.json und congratulations3.json. Die Animationen lauten wie folgt: Congratulations 1: <lottie-playerv-if="showPlayer1" class="justify-content-center" src=" ./../../

P粉722521204 2024-03-27 23:57:52 0  1  385

Wie importiere ich animierte SVG-Dateien in Next.js 13 und behalte dabei Transparenz und Animation bei?

Importieren Sie animierte SVG-Dateien in Next.js13 importImagefrom"next/image";exportdefaultfunctionHome(){return(<mainclassName="flexh-screenflex-colitems-center"><divclassName="containermt-12flex

P粉322106755 2024-03-27 13:38:40 0  1  497

So verschieben Sie die Animation in Lektion 1 in die Mitte der Seite

So verschieben Sie die Animation in Lektion 1 in die Mitte der Seite

闻人羽 2018-01-26 18:29:21 0  1  1405

Wie kann ich diese Animationsklasse zu einem Modal hinzufügen, wenn auf eine Schaltfläche geklickt wird?

Ich möchte, dass die Animation ausgeführt wird, wenn ich auf dem Modal auf die Schaltfläche „x“ klicke, aber was derzeit passiert, ist, dass das Modal ohne sie geschlossen wird und wenn ich das Modal dann erneut öffne, geschieht die Animation, ohne dass auf etwas geklickt wird. Dies ist mein aktuell...

P粉064448449 2024-03-30 22:05:19 0  1  481

javascript - Gilt die Animationsfunktion in jQuery als asynchrone Ausführung?

{Code...} Wenn der obige Code diese beiden Sätze ausführt: move(1); mark2=false;, wird die Animationsfunktion in der Move-Funktion verwendet. Ist der Move-Aufruf asynchron? Das heißt, stellen Sie es zur Ausführung in die Aufgabenwarteschlange, sodass mark2 = false zuerst ausgeführt wird. Ist das ric...

怪我咯 2017-06-26 10:51:31 0  2  908

CSS-Karussellwechsel-Animation – Stapelüberlauf

Wie in der Abbildung gezeigt, tritt eine solche Situation auf, wenn eine in JS geschriebene Animation einen übermäßigen Effekt aufweist. Wie kann JS diese Situation ändern? {Code...}

習慣沉默 2017-06-12 09:33:00 0  1  899

Warum wird meine Lottie-Animation auf dem Localhost-Server korrekt geladen, aber nicht auf dem Bereitstellungsserver?

Das Problem ist also, dass alle Lottie-Animationen auf meinem Localhost-Server geladen werden, aber sobald die Web-App bereitgestellt ist, werden die Animationen nicht geladen und ich erhalte einige Fehler in der Konsole. Animationsdateien sind .json-Dateien. Mein Projekt ist das nächste jsReact-Pro...

P粉662614213 2024-03-29 12:05:35 0  2  489

javascript - Wie läuft der Ausführungsprozess ab, wenn jeder Funktionsdurchlauf in jQuery zusammen mit der Animate-Funktion verwendet wird?

{Code...} Was ich nicht verstehe ist, dass die Ausführung jeder Schleife 500 ms dauert. Bedeutet das, dass die nächste Schleife nach dem Ende der Animationsausführung gestartet wird, also 500 Millisekunden? Oder warten Sie, bis die Animation abgeschlossen ist, bevor Sie den nächsten Zyklus ausführen...

三叔 2017-06-30 10:00:02 0  2  956