javascript - Warum führt die Verwendung von „animation-defer' oder „setimeout' zur Verzögerung dazu, dass die Animation hängenbleibt, während die Nichtverwendung von „delay' sehr flüssig ist?

1. Warum verursacht die Verwendung von „animation-defer“ oder „setimeout“ eine Verzögerung bei der Animation, obwohl sie ohne die Verwendung einer Verzögerung sehr flüssig ist? Die Verzögerung bedeutet nicht, dass sie immer hängen bleibt Animation: Aufwärtsbewegung 0,9 s, leichtes Ein- und Aussteige...

PHP中文网 2017-05-24 11:37:02 0  1  876

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  580

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  957

Möglichkeit, zu verhindern, dass die CSS-Animation beim Entfernen einer Klasse stoppt

Ich habe ein Gitter. Wenn ich eine Update-Nachricht vom Backend erhalte, muss ich die Zeilen innerhalb von 3 Sekunden orange hervorheben. Wenn ich ein Update erhalte, füge ich die CSS-Klasse „highlight“ zu meiner Zeile hinzu und spiele meine Animation ab. .highlight{animation-name:highlight;animatio...

P粉412533525 2023-08-29 16:15:06 0  1  606

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  1475

javascript - Warum gleitet die Animation sehr langsam heraus? Ist das ein Problem mit offsetHeight?

{Code...} Wenn die Maus schnell darauf hin- und hergleitet, wird die Animation langsam ausgegeben·TypeError: null ist kein Objekt (evaluating 'ulList.offsetHeight')·

大家讲道理 2017-05-19 10:14:45 0  2  717

javascript - Wird die JS-Animation dieser Seite nach dem Wechsel von der aktuellen Seite angehalten?

Nach dem Wechseln der aktuellen Seite wird die js-Animation der Seite angehalten. Wie kann dieses Problem gelöst werden? ! !

高洛峰 2017-07-05 10:46:38 0  1  1010

Kann die Slider-Tracking-Animation deaktiviert werden?

MUI verfügt über eine Schiebereglerkomponente: https://mui.com/material-ui/react-slider/ Ich versuche herauszufinden, wie ich die Animation, die auf dem Noppen abgespielt wird, deaktivieren kann, um ihn an eine neue Position zu verschieben, damit er sich bewegt sofort. Gibt es eine Möglichkeit, dies...

P粉460377540 2024-03-28 19:17:20 0  1  489

android - Wenn das Fragment auf den Stapel geschoben wird, wird die Pop-Animation beim Popen nicht ausgeführt.

In einigen Fällen möchten wir während der Popfragmentierung keine Animation durchführen. Gibt es eine Möglichkeit, dies zu erreichen? Während der Verwendung öffne ich b von Fragment a und dann c, aber beim Beenden muss ich möglicherweise von c zu b und dann zu a wechseln. Zu diesem Zeitpunkt benötig...

某草草 2017-05-16 13:27:04 0  1  623

Spieleentwicklung – Wie versteht man Animation (Modell) in MVC?

In MVC werden die Daten im Modell gespeichert und die Ansicht entsprechend den Daten des Modells gerendert. Dies ist eine große Idee. Für die Animation werden jedoch einige Zustände während des Verlaufsprozesses generiert, und diese Zustände gehören nicht dazu In gewissem Maße zum Modell. Wie löst d...

巴扎黑 2017-05-16 17:06:27 0  1  533

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  908

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  636

So legen Sie fest, dass die Animation beim Schweben angehalten, aber fortgesetzt wird, sobald die Maus weg ist

Ich habe mehrere Lösungen satt und dies ist die beste Lösung, die ich je gefunden habe. Aber ich bin immer noch nicht zufrieden mit dem Ergebnis, denn wenn die Maus das Element verlässt, kehrt das Element in seine ursprüngliche Drehung zurück. Die Idee ist, dass die Animation ausgelöst wird, wenn Si...

P粉786800174 2024-04-01 09:43:54 0  1  569

html5 - Verwenden Sie eine CSS-Animation, um Folgendes zu beschreiben: Ein Ball springt hoch und fällt (Dauer 2 Sekunden, einmal ausgeführt)

Verwenden Sie eine CSS-Animation, um Folgendes zu beschreiben: Ein Ball springt auf und ab (Dauer 2 Sekunden, einmal ausgeführt).

巴扎黑 2017-05-16 13:44:36 0  2  779

javascript - Wie implementiert man eine Animation mit variabler Höhe?

Wie implementiert man eine Animation, die die Höhe eines Divs mit variabler Höhe ändert? Beispielsweise wird ein Div zuerst angezeigt: Wenn auf eine Schaltfläche geklickt wird, ändert sich die Höhe schrittweise von 0 auf die maximale Höhe des Divs div. Die Antwort von Google ist, max-heigth zu verwe...

我想大声告诉你 2017-06-26 10:56:12 0  1  919

Preloader-Fenster für Zahlenzähler-Animation beim Laden von Javascript-HTML-CSS

Ich möchte auf meiner Portfolio-Website eine Zahlenzähler-Animation erstellen. Ich habe auf meiner alten Website einen JQuery-Code, der beim vollständigen Laden vom Preloader zur Website wechselt. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}...

P粉523625080 2023-09-11 22:37:54 0  1  819

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  733

Javascript – Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss.

Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss, und weiter abgespielt, als ich den Tab erweiterte. Ich verwende das Hintergrundbild zum Bewegen, um den Bewegungseffekt zu erzielen. Hängt das mit diesem Grund z...

给我你的怀抱 2017-06-30 09:52:30 0  1  931

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  682

Wenn sich das Auswahlereignis ändert, löst die CSS-Animation den entsprechenden Effekt aus.

Ich versuche, eine React-App zu erstellen. Im Moment habe ich ein Auswahleingabefeld mit einigen Pokémon darin. Was ich tun muss, ist, dass das Pokémon-Sprite jedes Mal, wenn sich die Auswahl ändert (d. h. das Pokémon), eine kleine Schüttelanimation ausführt. Derzeit habe ich nur ein Sprite, das sic...

P粉200138510 2024-04-01 09:16:28 0  1  659