javascript - Welche Probleme gibt es bei CSS-Animationen?

Ich habe einen Artikel http://blog.csdn.net/ClaireKe... über Reflow und Repaint gelesen. Ich habe ein paar Zweifel: 1. Muss der Aktualisierungsvorgang im Browsermechanismus Reflow und Repaint beinhalten? 2. Wenn die Seite CSS-Animationen enthält, z. B. „div { {code...“

为情所困 2017-05-18 10:49:05 0  1  650

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

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

CSS-Animationen werden nicht ausgeblendet

Ich versuche, ein einfaches Animationsproblem zu lösen, bei dem ein Hintergrundbild beim Schweben ein- und ausgeblendet wird. Obwohl ich den Keyframe definiert habe, zeigt der Webbrowser ihn als undefiniert an: .elementor-section.elementor-element.core-range>.elementor-container:hover.product-ima...

P粉352408038 2023-08-18 16:45:01 0  1  543

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

javascript – Musik-Player-Bildrotation

Ähnlich wie bei NetEase Cloud Music und QQ Music besteht die Idee beim Drehen des mittleren Bildes darin, es mit js animate zu steuern oder CSS3-Animationen zu schreiben.

巴扎黑 2017-06-26 10:54:45 0  5  1363

php – Kolleginnen und Kollegen, teilen Sie uns bitte Ihre Designideen mit.

Ich möchte ein solches Backend erstellen und die Anforderungen sind: 1. Erstellen Sie ein Backend, das Schlüsselwörter hinzufügt. . Es gibt verschiedene Kategorien und Berechtigungsverwaltung. . . 2. Fügen Sie ein Schlüsselwort mit zugehöriger Stimme, zugehörigen Antworten, zugehörigen Videos, Anima...

我想大声告诉你 2017-06-26 10:49:03 0  1  790

javascript - Gibt es eine gute Lösung zum Ein- und Ausblenden von Animationen?

Beispiel: Es hat den gleichen Effekt wie diese Animation. Nach dem Klicken auf die Schaltfläche wird es angezeigt und hat die gleichen Animationseffekte. Aber ich habe es definitiv zu kompliziert geschrieben. Gibt es eine einfachere Lösung (keine Notwendigkeit für Bibliotheken von Drittanbietern)?

阿神 2017-06-30 09:59:55 0  5  1012

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

Wie implementiert Android die Netzwerkerfassung und das Laden von Layouts?

Da das ursprüngliche Projekt des Unternehmens Webview zum Entwickeln von Produkten verwendet, ist die Ausführung von CSS3-Animationen sehr verzögert. Ich möchte jedoch auch den Vorteil des Webs beibehalten, das die Benutzeroberfläche flexibel aktualisieren kann besteht darin, es bei jedem Start der ...

大家讲道理 2017-06-12 09:24:30 0  2  871

Verwendung von @property in gestalteten Komponenten: eine Anleitung

Ich möchte in meiner Anwendung Animationen verwenden, aber dafür ist die @property-Funktion in SCSS erforderlich: @property--border-angle{syntax:"<angle>";inherits:true;initial-value:0turn;} Gibt es eine Möglichkeit, dies zu tun? Dies ist eine gestaltete Komponente? Den vollständigen...

P粉808697471 2024-03-28 13:35:39 0  1  390

Warum verschwinden Bilder und Animationen, wenn eine Klasse zur letzten Spalte hinzugefügt wird?

Ich versuche, 6 Bilder in einer Endlosschleife zu animieren. Wenn ich das 6. Bild und die Klasse „Poster“ hinzufüge, wird kein Bild angezeigt. Wenn ich jedoch das Hinzufügen der Klasse „Poster“ zur 6. Spalte (oder zum Bild) weglasse, werden die ersten 5 Bilder korrekt angezeigt und animiert. Ich ver...

P粉792026467 2023-08-15 11:29:09 0  1  410

Vue 3 – Der SVGator-Player ist immer undefiniert.

Derzeit erstelle ich eine SVG-Animation mit SVGator. Ich habe es als Ressource in meine App importiert und versucht, es zum Laufen zu bringen. Ich habe die Anweisungen in der Dokumentation befolgt und es zum Laufen gebracht. Da ich jedoch möglicherweise eine große Anzahl an Animationen erstellen mus...

P粉478835592 2023-07-28 08:44:31 0  1  509

Schaltflächen auf Mobilgeräten bleiben fokussiert oder aktiv, was zu Problemen mit CSS-Animationen führt

Ich versuche, jedes Mal, wenn ich auf eine Schaltfläche klicke, eine Animation zu erzielen. Auf dem Desktop funktioniert das gut, aber auf Mobilgeräten kann ich nicht den gleichen Effekt erzielen. Ich muss zuerst auf die Schaltfläche klicken, dann auf eine andere Stelle klicken, um das CSS zu defoku...

P粉043295337 2023-08-28 15:14:37 0  1  502

javascript – Problem mit mehreren Umschaltrichtungen in swiper.js

Die aktuelle Szene sieht so aus. Es gibt vier Animationsseiten, die nach links und rechts wechseln können, und jede Animationsseite muss nach unten geschoben werden können, um zu einer anderen gleichen Seite zu wechseln. Wie kann ich Animationen zwischen diesen wechseln? Links und rechts? Die Seite ...

过去多啦不再A梦 2017-06-24 09:43:29 0  1  846

Javascript – warum zwei Elemente benötigt werden, um mit Transform einen Scroll-Effekt zu erzeugen

Ich habe in den Artikeln anderer Leute gelesen, warum es notwendig ist, zwei Elementebenen zu verwenden, um zwei Animationen auszuführen und den parabolischen Effekt eines kleinen Balls zu erzielen, anstatt nur ein Element zu schreiben &lt;div class="ball"&gt;&lt;/div&gt; ?...

滿天的星座 2017-05-19 10:18:02 0  2  810

Javascript – Die Pause im Wiedergabestatus mobiler CSS-Animationen funktioniert nicht im iOS-Animations-Play-State

Die Pause im Wiedergabestatus der mobilen CSS-Animation funktioniert nicht im iOS-Animationswiedergabestatus. Ich möchte auf das Bild klicken, um es zu stoppen, und dann auf das Bild klicken, um die Drehung fortzusetzen. Dies kann auf Android-Telefonen erreicht werden, aber auf iOS dreht sich das Bi...

给我你的怀抱 2017-06-26 10:53:05 0  1  1211

node.js - Kann NodeJS stapelweise GIF-Animationen aus PNG generieren? Ist Ihnen das schon einmal begegnet?

Ich möchte beispielsweise vierzig oder fünfzig GIFs gleichzeitig erstellen. Jedes GIF enthält zwei Frames mit PNG-Quellbildern. Kann ich die Funktion zum Stapeln von PNGs in GIFs implementieren? Es gibt Online-GIF-Generatoren im Internet, diese können jedoch nur ein einzelnes GIF und nicht mehrere G...

ringa_lee 2017-05-16 13:22:54 0  1  757

Die Google-Diagrammanimation verliert an Sichtbarkeit, wenn sich die Diagrammdaten ändern

Ich habe Probleme damit, dass die Google Chart-Animationen ordnungsgemäß funktionieren. Ich denke, das Problem besteht darin, dass das Diagramm ständig neu gezeichnet wird, anstatt nur die Daten zu aktualisieren, aber basierend auf dem Beispielcode von Google und meinen begrenzten JavaScript-Kenntni...

P粉170438285 2023-09-02 12:32:58 0  1  720

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