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

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

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

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

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

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

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

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

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

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

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

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

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

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