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

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

So erstellen Sie eine Verlaufsanimation mit CSS

Ich möchte meinen Farbverlauf mit mehreren Farben reibungslos verschieben, aber das Problem ist, dass die Animation nicht flüssig ist. Es ändert einfach bei jedem Schritt seine Position. <style>.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:...

P粉909476457 2023-09-18 09:47:10 0  2  757

Wie animiere ich die Erweiterung des Rasterlayouts?

Ich möchte wissen, wie man die Erweiterung eines Rasterlayouts animiert. Wie Sie im Code sehen können, habe ich 4 Divs. Zwei davon werden angezeigt, die anderen beiden werden nur angezeigt, wenn das Kontrollkästchen aktiviert ist. Wenn das Kontrollkästchen aktiviert ist, wird eine weitere Zeile mit ...

P粉937382230 2023-08-31 21:09:37 0  1  503

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

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

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

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

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

Wie erreicht man einen reibungslosen Farbübergang einer konischen Verlaufsanimation?

Ich animiere einen sich verjüngenden Farbverlauf, aber der Farbwechsel ist nicht sanft genug. Ich habe mir verschiedene Artikel angesehen, kann sie aber nicht richtig reproduzieren. Meinen Code finden Sie hier: <style>body{min-height:100vh;display: flex ;align-items:center;justify-content:cent...

P粉285587590 2023-09-01 16:37:22 0  1  514

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

Implementieren Sie die Vue-Ladeanimation und laden Sie gleichzeitig Bilder von der URL

Wenn das Bild geladen wird, möchte ich eine Ladeanimation anzeigen, weiß aber nicht, wie ich das umsetzen soll. Obwohl ich debuggt und „true“ und „false“ auf der Konsole ausgegeben habe, wurde die Ladeanimation immer noch nicht angezeigt. //// FEHLER {{currentCountKing}} / {{ALL_FILMS.length-1}} {{f...

P粉021854777 2023-08-03 18:04:16 0  1  633

html5 – So verwenden Sie die Canvas-Technologie, um eine Musikpartitur zu erstellen, die nach oben und unten springt

Ich würde gerne fragen, wie man mithilfe der Canvas-Technologie eine Musikpartitur erstellen kann, die auf und ab springt. Es ähnelt diesem Bild, mit dem einfachen Effekt, auf und ab zu springen.

PHPz 2017-05-16 13:21:58 0  1  751

Animierte Inhalte ein- und ausblenden: Erstellen Sie HTML-Seiten mit Übergangseffekten

Ich versuche, eine Website zu erstellen, die Inhalte in Buchform mit umblätternden Animationen anzeigt. Es gibt verschiedene SVG-Bilder, die für den Inhalt jeder „Seite“ animiert werden können. Ich bin mir nicht sicher, wie das geht. Gibt es grundsätzlich eine Möglichkeit, Inhalte nach meinen Wünsch...

P粉674757114 2023-09-10 17:41:45 0  1  672

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

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

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

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

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

Reduzieren Sie die Deckkraft des Scroll-Hintergrundbilds und begrenzen Sie die minimale Deckkraft

Ich versuche, das Hintergrundbild so zu gestalten, dass die Deckkraft beim Scrollen und außerhalb der Zielseite verringert wird, indem ich Vanillajavascript verwende, um sie auf ein Minimum von 0,5 zu senken. Ich habe versucht, Math.max() in die Bildlauffunktion einzufügen, um den Wert nur auf 0,5 z...

P粉166675898 2024-04-04 23:50:53 0  1  1458