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

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

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

Verwenden des CSS-Hover-Effekts des Psuedo-Elements, um das Hauptelement zu überlappen

Wenn ich mit der Maus darüber fahre, möchte ich grundsätzlich, dass der Effekt so aussieht: Mein Website-Code lautet wie folgt: Ignorieren! Wichtig: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;...

P粉838563523 2024-03-20 10:31:28 0  1  349

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

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

Implementieren Sie Übergangseffekte für die Bildersetzung mit reinem Javascript

Auf einer von mir erstellten Website habe ich eine Reihe von Akkordeons, auf denen jeweils ein Bild zu sehen ist. Wenn Sie das Akkordeon öffnen, befindet sich darin eine Beschreibung und das Bild wechselt zu einem anderen. Wenn Sie dann das Akkordeon schließen, wechselt das Bild zurück zum ersten Bi...

P粉458913655 2024-03-30 00:14:11 0  1  438

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

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

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

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

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

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

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。 麻烦看出问题的...

巴扎黑 2017-05-15 17:07:12 0  3  676

Ändern Sie die Farbe der Textfeldbeschriftungen in der MUI

Hallo, ich habe Probleme beim Ändern der Textbeschriftungsfarbe in einem MUI-Textfeld. Ich habe die Rahmenfarbe und den Hover-Status (einschließlich der Beschriftung) erfolgreich angepasst. Ich kann die Beschriftungsfarbe im Nicht-Hover-Status einfach nicht ändern. Ich habe verschiedene im DOM gefun...

P粉860370921 2023-08-26 17:15:52 0  1  512

Verwenden Sie einen speziellen Cursor, um den Text beim Schweben zu ändern

Bitte zeigen Sie mir, wie ich den Text beim Schweben ändern kann, ähnlich wie auf der Monopo-Website. Ich brauche keinen Hintergrund. Sie benötigen lediglich einen einfachen kreisförmigen Effekt (z. B. einen farbigen Hintergrund) und Textänderungen. Wenn möglich, möchte ich außerdem, dass der Effekt...

P粉665427988 2023-09-05 23:47:42 0  1  563

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

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

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