So erstellen Sie einen Wecker und berühren den Bildschirm mit Ihrem Finger, um das Klingeln des Weckers zu stoppen

Bitte helfen Sie mir, wie kann ich einen Wecker erstellen? Sie können die Klingelzeit des Weckers aktiv einstellen (das Klingeln kann durch eine Animation ersetzt werden). ist erreicht; berühren Sie den Bildschirm mit Ihrem Finger. Sie können den Alarm (oder die Animation) stoppen.

*黎晨暮光*~ 2019-12-10 18:33:04 0  0  1381

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

javascript - Wie implementiert man den animierten Hintergrund der Homepage von btcc.com?

Wenn die Website geladen wird, hat der Hintergrund einen kleinen Animationseffekt, der genau richtig ist. https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  609

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

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

Wie entferne ich die Übergangsverzögerung beim Vue-Übergang?

Ich verwende Vue, um ein Textfeld so zu animieren, dass es nach oben verschoben und eingeblendet wird, wenn die Maus über einem Bild schwebt. Die Animation ist korrekt, es gibt jedoch eine leichte Verzögerung, bevor sie startet. Ich möchte, dass das Textfeld reibungslos verläuft und sofort eingeblen...

P粉757432491 2023-08-17 17:36:49 0  1  528

html5 – Z-Index ist beim Browser-Debugging gültig, beim Testen von Mobiltelefonen jedoch ungültig

Beim Debuggen des Browsers wird der Pfeil nach dem Auftreten eines Drag-Ereignisses ausgeblendet, die Verwendung auf dem mobilen WeChat ist jedoch nicht möglich. Wenn Sie die Animation löschen, wird sie wirksam Es gibt kein Floating in der aktuellen Stildatei. Der Grund oder die Ursache für die Posi...

高洛峰 2017-07-04 13:45:06 0  2  1853

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

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

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

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

javascript – Eine Frage zum Mousdown-Ereignis

Bitte helfen Sie. Ich habe $.animate verwendet, um ein Ereignis basierend auf dem Seitenelement mousdown zu implementieren. Nachdem ich mehrmals hintereinander geklickt habe, wird die Animation wiederholt abgespielt Um dies zu erreichen, muss ich jedes Mal von vorne beginnen, wenn ich auf „Animation...

世界只因有你 2017-05-19 10:14:34 0  1  451

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

javascript - Problem beim Routenübergang in Vue?

Vue fügt der Route einen Ein- und Ausblendeffekt für die Zwischensequenz hinzu. Die Komponente wird ausgeblendet, wenn sie entfernt wird. Wenn sie jedoch eingegeben wird, wird sie sofort aktiviert und nicht eingeblendet. Zwischen diesen beiden Schritten wird die Seite angezeigt leer. Das Folgende is...

滿天的星座 2017-06-12 09:30:07 0  3  789

Inhalt beim Hover anzeigen (hat keinen Einfluss auf die Kartenhöhe)

Ich habe einen Block, der Inhalte enthält, die beim Schweben angezeigt werden. Der Effekt sollte wie folgt funktionieren: .hoverCard zeigt standardmäßig den zugrunde liegenden Inhalt an (Inhalt in .hoverCard__showOnHover ist ausgeblendet). Der Benutzer bewegt sich über .hoverCard, woraufhin .hoverCa...

P粉289775043 2024-03-27 20:29:28 0  1  474

html5 – Pseudoelement hinzugefügt, ist aber beim Betrachten des Elements nicht zu sehen

{Code...} Ich möchte die Animation auf diese Weise in zwei Richtungen einstellen. Bei der Überlagerung wird der Effekt einer Kurve angezeigt. Das hinzugefügte Pseudoelement ist jedoch beim Betrachten des Elements nicht zu sehen. Wo habe ich es falsch geschrieben?

为情所困 2017-07-04 13:45:09 0  2  2044

Gibt es eine Möglichkeit, bei Verwendung des Scrollrads eine reibungslose Scroll-Animation zu erzielen?

Ich versuche, dafür zu sorgen, dass sich die Seite beim Scrollen reibungslos bewegt und nicht so „ruckartig“, wie es bei Verwendung des Scrollrads der Fall ist. Die meisten Quellen, die ich in diesem Zusammenhang gesehen habe, beinhalten sanftes Scrollen beim Klicken auf eine Schaltfläche oder einen...

P粉118698740 2023-08-16 16:40:27 0  1  640

d3 js kreisförmige animierte Atem-App, die auf einer Kreisbahn fährt

d3js animierte Atem-App Ich möchte in der Lage sein, eine Animation eines Kreises zu erstellen, der sich in einem bestimmten Intervall um einen Pfad dreht, und dieses Intervall so zu steuern, dass es schneller/langsamer wird. Mein Code sieht derzeit so aus. So stellen Sie einen Kreis so ein, dass er...

P粉191610580 2023-09-14 15:46:55 0  1  616

javascript - Warum muss ich eine Eigenschaft vor dem Verzögerer dieser Bewegungsfunktion anpassen?

Diese Funktion wird verwendet, um einen Animationseffekt zu erstellen: {code...} Bezüglich des letzten Satzes elem.movement=setTimeout(repeat,interval) und des obigen Satzes if(elem.movement){ {code...} Ich kenne sie Die Funktion besteht darin, die zuletzt ausgeführte Funktion bei erneuter Ausführun...

为情所困 2017-05-19 10:18:30 0  1  487

Chrome hat manchmal Probleme mit der Scrollfunktion

Ich habe ein Scroll-Problem auf meiner Website und verstehe den Grund nicht. Nur in Chrome funktioniert das Scrollen manchmal nicht. Ich habe versucht, den gesamten von mir geschriebenen Code zu deaktivieren, aber das Problem besteht weiterhin. Auf Safari funktioniert das Scrollen einwandfrei. https...

P粉817354783 2024-03-29 00:21:20 0  1  475