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

javascript - js (Vue)-Übung: Wie gebe ich @ ein, und dann wird automatisch eine Liste verwandter Kandidaten angezeigt?

Der Effekt ist wie folgt: Effektbeschreibung: 1. Der Benutzer gibt das @-Symbol ein, eine Optionsliste erscheint und die Optionsliste wird automatisch hinter dem @-Symbol positioniert. (Die aktuelle Idee ist: Überwachen Sie das Eingabezeichen dynamisch, wenn es @ ist, und das Listenfeld wird an der ...

PHP中文网 2017-07-05 11:03:32 0  3  3673

So verschieben Sie die Seite in iOS Safari nach oben, um die Popup-Tastatur unterzubringen

Wie verschiebe ich die Seite nach oben, wenn die Tastatur in Safari auf dem iPhone angezeigt wird? Derzeit verdeckt die Tastatur das Eingabefeld, wenn jemand darauf fokussiert. Ich möchte, dass sich die Tastatur unterhalb des Eingabefelds befindet. Kann mir bitte jemand helfen? Wie kann dieser Effek...

P粉715228019 2023-08-09 17:01:31 0  1  707

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

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

javascript - Wie schreibe ich Animationseffekte in React?

Wie erstelle ich Animationseffekte für Komponenten in React? Bei einem einfachen Dialogfeld hoffe ich beispielsweise, dass das Dialogfeld nach dem Klicken auf „Abbrechen“ zunächst ausgeblendet und dann ausgeblendet wird. Wenn Sie jquery verwenden, ist es sehr einfach: Zuerst animieren({ //Fade CSS},...

世界只因有你 2017-05-18 10:58:34 0  2  773

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

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

javascript – So implementieren Sie Front-End-Kartenanimationseffekte.

Ähnlich wie beim folgenden Effekt kann sich der Avatar entsprechend der Route bewegen. Ich war noch nie zuvor einer solchen Animation ausgesetzt. Wie soll das Frontend umgesetzt werden? Canvas? WebGL? oder fertiges Framework? Ich habe keine Ahnung, welche Ideen verwendet werden sollten, um diesen Ef...

PHPz 2017-05-16 13:36:02 0  2  489

Die Eingabeanimation in CSS überschreitet den angegebenen Grenzwert

Die Tippanimation stoppt jedes Mal bei der eingestellten Zeichenanzahl. Wenn ich die Anweisung erweitere, bricht sie ab. Wenn ich die Anweisung verkürze, läuft sie weiter, bis die eingestellte Zeichenanzahl erreicht ist. Ich weiß, dass ich die Anzahl der Schritte (50) ändern muss, aber das ist nicht...

P粉285587590 2024-03-20 00:25:06 0  1  458

Eingabetextfeld schließen: ReactJs-Vorgang, wenn sich der Wert ändert

Ich habe das folgende Problem: Ich habe ein Eingabetextfeld und scanne einen Barcode. Das Textfeld wird jedoch nicht automatisch geschlossen. Wenn ich Zahlen über die Tastatur eingebe, wird es automatisch geschlossen. Habe ich etwas falsch gemacht? Ist der Scanner zu schnell? Irgendwelche Ideen? con...

P粉386318086 2023-09-08 23:29:17 0  1  638

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

Javascript – Eine Front-End-Selbstkultivierung

Wie bereits erwähnt, bin ich gerade erst in die Branche eingestiegen und arbeite seit zwei Monaten im Unternehmen. Allerdings schenkt das Unternehmen den Front-End-Effekten nicht viel Aufmerksamkeit Ich kann Divs schreiben, Kompatibilität und Animationseffekte sind nicht erforderlich. Solange es ein...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  987

Javascript – SVG-Neuling, möchte Bilder in SVG einfügen

Der Code ist wie oben. Ich möchte Bilder in SVG einfügen und die Bilder animieren, aber er hat keine Auswirkung. Bitte erklären Sie.

代言 2017-06-24 09:44:02 0  1  923

Titel umgeschrieben als: Wie ändere ich die Textgröße in allen Eingabebereichen (einschließlich E-Mail-Anmeldung, Kommentarfeld und Dropdown-Liste für die Rezeptindexseite) in CSS?

Website: https://olivesfordinner.com/ Suchen Sie nach CSS-Code, der den Text vergrößert, wenn Sie Ihre E-Mail-Adresse eingeben, um sich auf der Homepage anzumelden. Es ist zu klein. Wenn ich einen Kommentar zu einem Rezeptbeitrag hinterlasse (z. B.: https://olivesfordinner.com/toasted-muesli-recipe/...

P粉465675962 2023-09-14 15:17:43 0  2  656

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

Sind Randverläufe mit dem Randradius kompatibel?

Ich gestalte ein Eingabefeld mit einem abgerundeten Rand (Randradius) und versuche, dem Rand einen Verlaufseffekt hinzuzufügen. Ich kann erfolgreich Farbverläufe und abgerundete Ränder erstellen, aber nicht beides gleichzeitig. Entweder gibt es abgerundete Ecken, aber keinen Farbverlauf, oder es gib...

P粉824889650 2023-08-21 20:39:38 0  2  521

javascript – Wie fügt JQuery dem neu erstellten IMG-Tag ein Onload-Ereignis hinzu und ruft es automatisch auf?

Beim ersten Betreten der Seite sieht es so aus: Nach dem Laden der Webseite wird das Zielbild automatisch aufgerufen. Wenn es nicht gefunden wird, wird das Backup-Bild verwendet (Onload-Ereignis-Methode noImg() in JS). Das Problem besteht nun darin, dass, wenn Sie ein Schlüsselwort in das Suchfeld e...

阿神 2017-05-17 10:06:31 0  3  681

css3 – CSS-Übergangseffekte, die dazu führen, dass Text unscharf oder zittert?

Gehen wir direkt zum GIF: Code: Vorlage: {code...} CSS: {code...} Einige irrelevante Stile wurden entfernt. Die derzeit bekannte Situation ist der Übergangseffekt des kleinen Dreiecks auf der rechten Seite Dropdown-Feld in Chrome. Dies führt dazu, dass der Text unscharf wird und wackelt.

ringa_lee 2017-05-24 11:35:53 0  2  2466

javascript – So referenzieren Sie verschiedene CSS-Stile basierend auf Variablen in VueJS

Es ist erforderlich, das vorherige Projekt auf das Vue-Framework umzustellen. Jetzt haben wir CSS und alles. Jetzt möchte ich verschiedene CSS-Dateien basierend auf Variablen vorstellen. Ähnlich dem logischen Effekt in if(){//import from ''xxx.css}. Ich möchte alle fragen: Kann es im Vue-Framework o...

曾经蜡笔没有小新 2017-07-05 10:37:08 0  1  672