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

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

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

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

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

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

So führen Sie eine CSS-Animation jedes Mal aus, wenn einem Element eine nachfolgende Klasse hinzugefügt wird

Ich habe eine CSS-Animationsklasse eingerichtet, damit ich Elemente animieren kann. Diese Klasse wird hinzugefügt, wenn auf die Eingabeschaltfläche geklickt wird, und ich möchte, dass sie jedes Mal zum Bildschirm fliegt, wenn auf die Eingabeschaltfläche im Beispiel geklickt wird. Dies funktioniert j...

P粉714780768 2023-09-09 22:36:42 0  1  543

html – SetInterval in JQuery verwenden, um Zahnräder in einer Schleife scrollen zu lassen

Die Animation, die wir jetzt erstellen, besteht darin, dass das Scroll-Ereignis ausgelöst wird, wenn die Maus darüber bewegt wird. Die Animation, die wir erstellen möchten, besteht darin, dass das Zahnrad nach einer gewissen Zeit aus- und wieder zurückrollt von Zeit. Sowohl ein Scrollen nach rechts ...

習慣沉默 2017-05-16 13:25:04 0  3  823

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

javascript - Wie kann ich eine Komponente entsprechend der Zeit drehen (animieren)?

Gibt es eine Möglichkeit, eine Komponente wie eine Animation auf dem Bildschirm rotieren zu lassen? Autodesk Forge WeChat-Diskussionsgruppe – Bitte stellen Sie eine Frage

phpcn_u1582 2017-05-19 10:09:55 0  1  569

javascript - Wie schreibe ich Animationseffekte in React?

Wie erstelle ich Animationseffekte für Komponenten in React? Bei einem einfachen Dialogfeld hoffe ich beispielsweise, dass das Dialogfeld nach dem Klicken auf „Abbrechen“ zunächst ausgeblendet und dann ausgeblendet wird. Wenn Sie jquery verwenden, ist es sehr einfach: Zuerst animieren({ //Fade CSS},...

世界只因有你 2017-05-18 10:58:34 0  2  730

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

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

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

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

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

Fortschrittsbalkenanimation im Recyclerview-Element Android - Fortschrittsbalkenanimation im Recyclerview-Element

Um eine Demo zu schreiben, möchte ich den Fortschrittsbalken im Element in der Recycler-Ansicht animieren, also schreibe ich sie, indem ich ständig setProgress() setze. Im tatsächlichen Prozess wird die Animation jedoch auf dem falschen Element abgespielt, selbst wenn ich das beurteilen kann Wenn de...

扔个三星炸死你 2017-06-08 11:02:32 0  1  1238

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

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

Wie kann ich dafür sorgen, dass die JQuery-Toggle-Breite-Animation auf halbem Weg stoppt, um sie wieder zu schließen?

Vielleicht ist diese Frage verwirrend, aber lassen Sie mich ein Beispiel geben: Wenn ich auf die Schaltfläche klicke, die die Breite ändert, wird das Div nach dem Drücken der Schaltfläche weiter animiert, was nicht besonders toll aussieht. Ich möchte, dass das Div auf halbem Weg anhält und in die an...

P粉238355860 2024-03-19 23:49:40 0  2  368