Mouseover-Effekt auf Vue- und Vuetify-Komponenten

Also habe ich versucht, den Mouseover-Effekt wie im Beispiel im folgenden Artikel gezeigt nachzubilden: https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Aber in meinem Fall möchte ich Vue verwenden .js, um den Hover-Effekt auf die V-Karte aus der Vuetify-Bibliothek an...

P粉032649413 2024-03-27 16:31:16 0  1  461

Die Aktivierung der Taste führt zu einer Fehlfunktion des Hover-Effekts

Ich habe versucht, die Grundlagen der Webentwicklung (HTML, CSS und JS) zu erlernen, also habe ich versucht, einen funktionierenden Apple-Rechner zu erstellen. Alles funktionierte gut, bis mir ein kleiner Fehler auffiel. Anfangs funktionierte der Hover-Effekt auf der Aktionstaste großartig, die Farb...

P粉548512637 2024-04-01 21:51:26 0  1  608

Verlaufseffekt der CSS-Anzeigeeigenschaften

Ich entwerfe derzeit ein CSS-„Super-Dropdown“ – im Grunde ein normales reines CSS-Dropdown, aber mit verschiedenen Arten von Inhalten darin. Derzeit scheinen CSS3-Übergangseffekte nicht auf die Eigenschaft „display“ anzuwenden, d. h. es gibt keine Möglichkeit, von display:none zu display:block (oder...

P粉608647033 2023-08-21 11:08:32 0  2  606

javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  843

Wie kann ich das Titelattribut eines Links in einem mobilen Browser sehen, d. h. es entsteht ein Tippeffekt, wenn die Maus darauf platziert wird?

Es kann auf dem Computer angezeigt werden, es gibt jedoch keine Mouseover-Aktion auf dem Mobiltelefon. Gibt es ein JS-Skript, das die Wirkung des Titelattributs verstärken kann?

阿卡 2018-10-18 15:37:43 0  3  1435

Durch die direkte Verwendung von SVG im HTML-Markup kann ich die Rolle nicht einer Schaltfläche zuweisen oder den gewünschten Hover-Effekt erzielen

Ich habe einen Container mit einem Symbol, das zwei Funktionen erfüllen soll: Wie eine Schaltfläche fungieren (über Tastatur/Screenreader usw. zugänglich) Rot werden bei Hover/Fokus Wenn ich das SVG direkt im Markup verwende, hat der Hover den Stopp-Effekt Funktioniert wie erwartet, aber ich kann di...

P粉940538947 2023-09-06 20:29:59 0  1  607

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

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

Der richtige Weg, um den Tastendruckeffekt in CSS zu erzielen

Ich verwende CSS, um ein Klavierlayout zu erstellen. Ich mag diesen „Knopf gedrückt“-Effekt wirklich, aber er verändert die umgebenden Elemente. Wie kann man diese Situation vermeiden? <main><divid="o-2"class="octave"><buttonid="C2"class="Ckey"&...

P粉004287665 2023-09-09 13:38:06 0  2  632

Wie kann man benutzerdefinierte CSS-Eigenschaften effektiv nutzen?

Ich entwickle eine Anwendung mit einem benutzerdefinierten Design, das es dem Benutzer ermöglicht, die Primärfarben auszuwählen, die die Anwendung verwendet, um einen Satz von 10 Farbvarianten im Tailwind-Stil zu generieren. Ich verwende Javascript, um Farben zu generieren und sie in den Dom einzufü...

P粉384366923 2024-01-16 19:00:56 0  1  405

Hover-Effekte von den Schaltflächen „Senden' und „Zurücksetzen' entfernen: Schritt-für-Schritt-Anleitung

Welchen Befehl muss ich verwenden, damit es nicht skaliert wird, wenn ich auf die Schaltfläche „Senden“ oder „Zurücksetzen“ klicke? Ich möchte, dass sie normal aussehen. Ich soll Hover für dieses Programm verwenden, aber nicht für die letzten beiden Schaltflächen. Siehe unten den Code, den ich bishe...

P粉099000044 2024-04-01 22:32:31 0  1  515

Javascript – Emit löst eine Methode in AngualR2 aus und wie man dann das Ergebnis dieses Versprechens erhält

Jetzt habe ich eine Direktive geschrieben, um den Klickvorgang zu ersetzen. Klicken ist beispielsweise eine Methode zum Aufrufen der Anmeldung und die Schaltfläche wird wiederhergestellt, nachdem das Versprechen des Anmeldedienstes endet. Jetzt kann ich das Klicken und Deaktivieren der Schaltfläche ...

習慣沉默 2017-05-27 17:44:24 0  1  823

Unerwartetes Verhalten (White-Button-Bug) bei Verwendung von Tailwind und MUI im NextJS-Projekt

Ich erstelle derzeit ein Projekt mit NextJS, TailwindCSS und der MUIReactUI-Bibliothek. Immer wenn ich versuche, meinem Projekt eine MUI-Schaltfläche hinzuzufügen, funktioniert es einwandfrei, aber die Farbe der Schaltfläche bleibt weiß. Die Farbe kehrt beim Schweben zur Normalität zurück und hat we...

P粉996763314 2023-11-04 11:04:23 0  1  789

Die Einführung von CSS durch thinkPHP ist ungültig

Der CSS-Effekt kann nicht angezeigt werden. Was ist los?

boluo 2020-06-06 21:21:54 0  4  1386

NVG-Effekte mit CSS

Ich versuche, mithilfe von CSS einen NVG-Effekt zu erstellen, weiß aber nicht, wo ich anfangen soll und wie ich Leucht- und Rauscheffekte und all das hinzufügen soll. Wenn jemand Tipps kennt oder etwas Ähnliches ausprobiert hat, helfen Sie mir bitte, danke <3

P粉832490510 2024-02-26 20:37:50 0  2  415

Styling-Problem mit der REACT-Komponente – Stapelüberlauf

Wie können wir für die im Bild gezeigte Komponente mit drei Schaltflächen einfach natives JS und REACT verwenden, um eine einfache Möglichkeit zu schreiben, den Stil einer der Schaltflächen zu ändern, indem wir auf eine davon klicken? Und wenn Sie auf andere Schaltflächen klicken, können Sie den gle...

巴扎黑 2017-07-05 10:50:54 0  3  900

Behalten Sie den Randeffekt des Optionsfelds bei, wenn es ausgewählt ist

Ich habe zwei Radiotyp-Optionen. Wenn ich eine Option auswähle, wird ein blauer Rand markiert. Das Problem ist, dass der Randeffekt verschwindet, wenn ich irgendwo anders klicke. Ich möchte, dass der blaue Randeffekt überall dort erhalten bleibt, wo ich klicke, es sei denn, ich wechsle zu einer ande...

P粉769045426 2023-09-03 21:25:38 0  1  567

javascript – So skalieren Sie die linke Navigation

Klicken Sie auf die Schaltfläche und es wird Folgendes angezeigt: Wird dies mithilfe eines Plugins durchgeführt? Was sollte der Hover-Effekt sein, wenn Native verwendet wird?

三叔 2017-06-30 09:59:54 0  1  847

Javascript – Ich bin etwas verwirrt. Warum kann ich mit „checked=true' direkt Effekte zu Tags in js hinzufügen?

Beispiel: Ich muss js verwenden, um der Schaltfläche einen ausgewählten Effekt hinzuzufügen. Warum können Sie oDiv.checked = true in js direkt verwenden, um ausgewählte Effekte hinzuzufügen? Warum müssen Sie nicht in der Mitte einen Stil hinzufügen? Wenn es eine Farbe ist, ist dies oDiv.style.color ...

阿神 2017-06-26 10:55:27 0  2  790

javascript - Wie wird dieser Strichanimationseffekt erreicht?

Dieser strichartige Effekt erscheint, wenn die Maus darüber fährt. Kann er mit reinem CSS erreicht werden? Wie erreicht man den gleichen Effekt?

学习ing 2017-06-24 09:44:08 0  3  940