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

Fügen Sie :Hover-Effekte dynamisch zu mehreren Elementen hinzu

Ist es möglich, programmgesteuert einen Hover-Effekt zu mehreren Elementen hinzuzufügen? In unserem System, in dem es mehrere Elemente gibt, die eine einzelne Einheit darstellen (aber aus anderen Gründen in mehrere Elemente aufgeteilt werden müssen), sollten sie in manchen Fällen beim Schweben gemei...

P粉203792468 2023-08-15 23:49:58 0  1  525

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

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

So implementieren Sie den Hover-Effekt der Navigationsleiste

Ich arbeite an meiner vertikalen Navigationsleiste. Der Name dieses Symbols sollte rechts sichtbar sein. Der Name soll sich auch von Weiß auf Schwarz ändern, wenn sich die Maus über dem Symbol befindet, aber das funktioniert nicht. Ich habe versucht, die Tags zu ändern, um zu sehen, ob das hilft. Ic...

P粉041758700 2024-01-10 18:06:56 0  1  457

Der Hover-Effekt des Menüelements deckt die gesamte Seitenhöhe ab

Ich entwickle die linke Navigation. Ich möchte, dass der rote Balken beim Schweben vor dem Menüpunkt angezeigt wird. Dies funktioniert für das Element „Home“ und seine Unterelemente, andere Stammelemente führen jedoch dazu, dass sich beim Hover ein roter Balken über die gesamte Breite der Seite von ...

P粉029327711 2024-02-04 00:36:46 0  2  374

Deaktivieren Sie den Hover-Effekt des V-Kontrollkästchens in Vuetify 2

Wenn Sie in Vuetify2 mit der Maus über ein V-Kontrollkästchen fahren, erscheint ein abgeblendeter Kreis hinter dem Kontrollkästchen. Ich möchte, dass es nicht angezeigt wird. Derzeit ist mein V-Kontrollkästchen in V-Tab und V-Tooltip eingeschlossen. Ich bezweifle, dass es wichtig ist, aber es ist mö...

P粉826429907 2023-09-03 20:25:54 0  1  591

css3 - Wie erstelle ich einen solchen Effekt in CSS?

Wie kann man den Bereich in der Mitte heller machen als die umliegenden Bereiche?

黄舟 2017-06-10 09:48:25 0  8  951

Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt

Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich erreichen möchte, ist der folgende Effekt beim Schweben: Meine Website ist hier https://wordpress-493302-3130963.cloudwaysapps.com/ Ich habe die Hälfte von dem, was ich erreichen möchte, mit CSS-Übergängen erf...

P粉546257913 2024-04-04 11:55:21 0  2  506

Was ist der seltsame Effekt von translator(-50%,-50%) auf transform-origin in CSS3?

{Code...} Wenn ich eine negative Methode für den linken Rand verwende, um die Mitte auszurichten, und dann hineinzoome, wenn die Maus darüber schwebt, ist der Mittelpunkt die obere und untere Mitte, die durch transform-origin festgelegt wurde, und es gibt kein Problem: Aber wenn ich transform:transl...

typecho 2017-06-08 11:02:26 0  1  1024

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

javascript - Kann ich js verwenden, um einem Div einen kontinuierlichen Hover-Effekt hinzuzufügen, als ob sich immer eine andere Maus darauf befände?

Dies ist der Stil einer Navigationsleiste, die aus Vorher+Div+Nachher besteht. Jetzt möchte ich der Seitenzahl der aktuellen Seite einen Hover-Stil hinzufügen. Wenn ich js verwende, um den Dom zu steuern, ändere ich nur die Hintergrundfarbe des mittleren Div. Ich weiß nicht, wie ich den Dom verwende...

巴扎黑 2017-07-05 10:56:42 0  2  1014

javascript - Wie kann ich mit js oder css3 den dynamischen Effekt von Elementrändern erzielen, wie in der Abbildung gezeigt?

Die Blende kann eins sein, genau wie der Avatar-Rahmen von King of Glory. Wie kann das realisiert werden?

仅有的幸福 2017-06-30 09:57:39 0  2  1217

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  893

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  778

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  654

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  625

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1043

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  532

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  725