angular.js - 如何在CSS动画结束后做一些清理工作？

在研究angularjs的动画，基本的方法就是添加一些类进行动画的控制，例如：ng-enter，ng-enter-active等。但是搞不清在动画结束后是如何把这些去掉的呢？ {代码...} 我想这样的好处是把ng-enter作为动画的开关，启...

phpcn_u1582 2017-05-15 16:58:47 0  1  571

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

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

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

Wie man mit PHP + MySQL dynamische Datentabellen erstellt, dringend! ! !

Wie man mit PHP + MySQL dynamische Datentabellen erstellt, dringend! ! ! Wie man mit PHP + MySQL dynamische Datentabellen erstellt, dringend! ! ! Wie man mit PHP + MySQL dynamische Datentabellen erstellt, dringend! ! ! Wie man mit PHP + MySQL dynamische Datentabellen erstellt, dringend! ! ! Wie man ...

joer 2021-05-12 02:06:09 0  4  1252

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

Die automatische Wiedergabe von Swiper stoppt, wenn Sie die Tabs wechseln oder den Browser minimieren

Ich habe mithilfe von CSS einen Autoplay-Fortschritt für einen Schieberegler erstellt. Wenn die Aktivitätsklasse zur Paginierung hinzugefügt wird, führe ich eine CSS-Animation aus, die so lange dauert wie die automatische Wiedergabeverzögerung des Schiebereglers. Alles funktioniert einwandfrei, wenn...

P粉715274052 2024-02-21 13:37:12 0  1  524

Wie kann man feststellen, ob die Maus nicht mehr über einem Element schwebt?

Ich möchte wissen, wie ich verhindern kann, dass die Maus über ein Element in Javascript fährt oder CSS verwendet. Ich erstelle eine Animation, bei der der Hintergrund seine Farbe ändert, wenn die Maus darüber schwebt, und ich möchte auch eine Animation hinzufügen, wenn die Maus aufhört, über dem El...

P粉547420474 2024-03-31 13:28:28 0  1  405

So erstellen Sie mit cmd eine automatisch generierte Verzeichnisstruktur

Hallo Lehrer! Sie können im Detail erklären, wie Sie mit cmd eine automatisch generierte Verzeichnisstruktur erstellen. Ich bin eine in Win7 integrierte PHP-Studie. Ich kann es nicht tun.

风清扬 2019-01-17 13:27:06 0  3  1492

So animieren Sie die Höhe mit Transformation, ohne den Inhalt zu komprimieren

In meinem Projekt habe ich jQueryslideUp() verwendet, um Elemente in einer Liste mit 200 Elementen nach oben zu verschieben, wenn der Benutzer auf eine Schaltfläche klickt. Es ist jedoch bekannt, dass CSS-Höhenanimationen einen Reflow erfordern, was zu instabilen Animationen führt. Die Animation ist...

P粉208469050 2024-01-01 11:51:20 0  1  467

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

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

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

javascript - Vue übermäßiges Hook-Problem

{Code...} Bitte kopieren Sie ihn, fügen Sie ihn ein und führen Sie ihn aus. Verwenden Sie das offiziell bereitgestellte Ereignis @after-appear, wenn die Animation endet. Aber die Konsole gibt 0 aus. Sie sollte 0 und 1 ausgeben. Tatsächlich möchte ich erreichen, dass die Animation nach Ende der Anima...

滿天的星座 2017-05-18 10:59:35 0  1  612

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

Bildvibration und Animation funktionieren nicht, CSS

document.addEventListener('scroll',function(){constnavbar=document.querySelector(".nav-bar");constnavbarHeight=10;constdistanceFromTop=Math.abs(document.body.getBoundingClientRect().top);if(

P粉513318114 2024-04-02 20:07:39 0  1  499

Der Routing-Pfad rendert die Komponenten von „react.js' nicht

Ich versuche, mit Framer-Motion einige animierte Pfadrouten zu erstellen, aber die Komponente wird nicht angezeigt, und anscheinend gibt es einen Fehler, der besagt, dass die Routen „Home“, „Contact“ und „about“ in „routesWithAnimation.js“ nicht aufgelöst werden können. import{useLocation}from"...

P粉713846879 2024-04-04 10:37:17 0  1  584

Ausgeblendete Seitenbereiche anzeigen: aktiviert

Ich hätte gerne ein Navigationsmenü im Seitenbereich mit der Möglichkeit, über ein animiertes Hamburger-Menü zu Ansichten zu wechseln. Ich möchte es nur mit CSS und ohne JS erstellen. Die Pseudoklasse :checked scheint der richtige Weg zu sein, aber ich bekomme sie nicht zum Laufen. Der Code, den ich...

P粉647504283 2024-04-06 15:49:33 0  1  558

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

JavaScript aktualisiert benutzerdefinierte CSS-Eigenschaften langsamer als die Verwendung von Elementstilen: Leistungsvergleich

Ich habe einen Kalender-Slider für vue3 erstellt, der Mousemove- und Touchmove-Ereignisse verwendet, um die Schiebeanimation zu implementieren, sowie Funktionen zum Ausführen einiger Geschwindigkeitsanimationen. Das Projekt kann hier getestet werden: https://stackblitz.com/github/Der-Alex/vue-calend...

P粉235202573 2024-01-07 09:42:03 0  1  467