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

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

Fehler beim Neigungseffekt beim Schweben

Ich habe eine Schaltfläche mit einem Neigungseffekt, in der sich ein Text befindet, und wenn ich mit der Maus über die Schaltfläche fahre, werden neben der Schaltfläche zwei Linien angezeigt. Es gibt Code, der über der Schaltfläche schwebt, bis Sie ihn sehen, was ein sehr zufälliger Nebeneffekt ist....

P粉520545753 2024-03-29 13:34:50 0  1  358

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

Die Start- und Endpunkte des Bildes

Ich versuche, den Start- und Endpunkt eines Bildes festzulegen. Ich habe also meine Leinwand und ein Bild. Wenn ich das Bild auf die Leinwand lege, soll ein kleiner roter Kreis aufleuchten, wenn ich mit der Maus über die Start-/Endpunkte fahre, was bedeutet, dass ich eine Verbindung mit anderen Bild...

P粉511757848 2023-08-31 12:24:51 0  1  577

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

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

Bildbewegung außerhalb der Div

Ich erstelle eine Website mit einem schwarzen Div in der Mitte der Seite, und wenn ich mit der Maus darüber fahre, dreht sich das Bild in der Mitte. Das Problem ist, dass ich das Bild zwar in ein Div einfüge, es jedoch außerhalb der Grenzen des Div liegt. Wie kann dieses Problem behoben werden? Das ...

P粉004287665 2023-08-13 15:21:15 0  1  443

javascript – JS- und CSS-Problem: Nachdem die Maus über ein Symbol auf der Karte bewegt wurde, wie soll der angezeigte Inhalt relativ zum Symbol zentriert werden?

Wie im Bild unten gezeigt, ist die rechte Seite der Effekt, den ich benötige. Das heißt, wenn die Maus über das rote Standortsymbol auf der Karte bewegt wird, werden die angezeigten Fotos und Inhalte relativ zum Standortsymbol unten zentriert. Die linke Seite ist der Effekt, den ich gemacht habe. Bi...

给我你的怀抱 2017-06-12 09:32:10 0  1  860

Verwenden Sie CSS3-Übergänge mit Verlaufshintergründen

Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass der Hintergrund beim Schweben eingeblendet wird. Die Konvertierung funktioniert nicht, aber wenn ich sie einfach in einen rgba()-Wert ändere, funktioniert es einwandfrei. Unterstützt es keine Farbverläufe? Ich ...

P粉217629009 2023-08-23 21:25:42 0  2  649

Wie ändere ich die Hintergrundfarbe von MUI-Tooltips?

Ich möchte, dass ein „?“-Benutzer mit der Maus über das Symbol fahren kann und Angaben dazu erhält, welche Daten in das Textfeld eingegeben werden sollen. Der Standard-Hover von MUI ist grau mit weißem Text, aber ich möchte, dass mein Hover weiß mit grauem Text und einer größeren Schriftart ist. Ich...

P粉147045274 2023-09-04 11:56:50 0  1  836

Verbessern Sie Verlaufshintergründe mit CSS3-Übergängen

Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass der Hintergrund beim Schweben eingeblendet wird. Die Konvertierung funktioniert nicht, aber wenn ich sie einfach in einen rgba()-Wert ändere, funktioniert es wunderbar. Unterstützt es keine Farbverläufe? Ich ha...

P粉955063662 2023-10-12 18:05:11 0  2  629

SVG-Pfadauswahl in HTML mit React

Ich erstelle eine Malanwendung, in der Benutzer SVGs hochladen können. Füllen Sie es mit verschiedenen Farben, zeichnen Sie auf die SVG-Datei und löschen Sie sie dann. Aber leider kann ich den Pfad der SVG nicht ermitteln. Unten ist das SVG-Bild. Wenn ich den Mauszeiger bewege, möchte ich nur den Pf...

P粉566048790 2023-09-01 23:22:48 0  1  592

Vue horizontales Scrollen

Ich möchte das Symbol horizontal mit der Maus scrollen. Ich habe es mit scrollLeft in Javascript versucht, aber der Wert ändert sich beim Scrollen nicht. Beim Scrollen ändert sich nur der deltaY-Wert zwischen 100 und -100. Weiß jemand, wo das Problem liegt? Es funktioniert, wenn ich scrolle und mit ...

P粉755863750 2024-03-25 21:06:27 0  2  510

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  838

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

Verwenden von Tags, um ein direktes Layout in VEGA zu erzwingen

Ich versuche, in VEGA ein Netzwerkdiagramm mit einem erzwungenen Layout zu erstellen, das Beschriftungen für jeden Knoten anzeigt. Ein möglicher Ansatz wird in dieser Frage erwähnt. Anhand des Vega-Editors können wir feststellen, dass die Beschriftungen vorhanden sind, es jedoch einige Überschneidun...

P粉882357979 2024-02-26 18:46:59 0  2  422

javascript - Wie erziele ich einen Fotoalbum-Effekt? Welches Plugin soll verwendet werden?

Klicken Sie, um eine Vorschau des Bildes anzuzeigen, nach links und rechts zu wischen und Zahlen anzuzeigen. Ich habe den Link auf meinem Computer abgelegt, aber Mausklicks haben keine Wirkung. Gibt es ein ausgereiftes Plug-in, das ich verwenden kann? Die Maske, die Sie schreiben, kann in der Vorsch...

PHP中文网 2017-06-30 09:56:05 0  4  785

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

CSS-Stile werden nicht auf die Website angewendet

Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht auf index.html angewendet. Wenn ich mit der Maus über die Servicekarte fahre, sollte sich der Hintergrund ändern und einen Übergangseffekt erzeugen. Es sollte von hier nach hier sein. Allerdings glaube ich, dass ...

P粉613735289 2024-04-06 17:12:23 0  1  580