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

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

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

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

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

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

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

Apple-Animationsproblem bei Verwendung von React und Inline-CSS

Ich versuche, diese Animation in React mit HTML und CSS unter Verwendung von Inline-Stilen und TypeScript neu zu erstellen. Ich erstelle ein Objekt mit Stilinformationen und verweise im Stilattribut darauf. Unten ist der Code. Es funktioniert nicht, ich bin mir nicht sicher, was ich falsch mache. Ic...

P粉729436537 2024-01-10 17:08:30 0  1  350

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

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

CSS-Animation, die von links nach rechts näher und weiter blickt und die Bewegung einer Glasfassade auf einem Drehteller simuliert

Ich versuche, eine CSS-Animation zu erstellen, die sich horizontal von links nach rechts bewegt, dabei näher und weiter entfernt erscheint und so die Bewegung des Glases auf einer Drehtellerplatte simuliert, wenn man sie von vorne betrachtet. Ich komme näher, aber es sieht immer noch nicht richtig a...

P粉208469050 2023-09-04 21:59:55 0  1  569