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

Wie kann man feststellen, ob die Maus nicht mehr über einem Element schwebt?

Ich möchte wissen, wie ich verhindern kann, dass die Maus über ein Element in Javascript fährt oder CSS verwendet. Ich erstelle eine Animation, bei der der Hintergrund seine Farbe ändert, wenn die Maus darüber schwebt, und ich möchte auch eine Animation hinzufügen, wenn die Maus aufhört, über dem El...

P粉547420474 2024-03-31 13:28:28 0  1  378

Der schwebende Text ändert an der Mausposition seine Farbe

Wie kann ich nur die Farbe des Textes an der Mausposition und nicht des gesamten Textes ändern? So möchte ich, dass der Kreis, den Sie sehen, der Mausbewegung folgt, und beim Schweben zeigt der Text nur einen Rahmen für den Teil des Buchstabens, in dem ich den Mauszeiger bewege. Ich brauche Ratschlä...

P粉697408921 2024-03-28 14:12:45 0  1  533

Flyout-Menü mit Mouseover-Ereignis anzeigen

Ich habe ein Popup-Menü und versuche, Mouseover-Ereignisse zu verwenden, um es umzuschalten, aber es scheint nicht wie erwartet zu funktionieren. Ich habe versucht, CSS-Hover-Ereignisse zu verwenden, indem ich das Div wie folgt positioniert habe: .hero-list-blocka:hover+.flyout-menu, aber das hat ni...

P粉254077747 2024-04-03 15:14:43 0  1  580

Zeigt ein Untermenü an, wenn die Maus über die Schaltfläche bewegt wird

Ich suche nach einer Lösung, bei der ein Untermenü angezeigt wird, wenn ich mit der Maus über eine Schaltfläche fahre. Derzeit wird das Menü nur angezeigt, wenn darauf geklickt wird. Weiß jemand, was ich ändern muss, damit das Menü angezeigt wird, wenn ich mit der Maus über eine Schaltfläche fahre, ...

P粉021708275 2023-08-31 11:22:01 0  1  662

So legen Sie fest, dass die Animation beim Schweben angehalten, aber fortgesetzt wird, sobald die Maus weg ist

Ich habe mehrere Lösungen satt und dies ist die beste Lösung, die ich je gefunden habe. Aber ich bin immer noch nicht zufrieden mit dem Ergebnis, denn wenn die Maus das Element verlässt, kehrt das Element in seine ursprüngliche Drehung zurück. Die Idee ist, dass die Animation ausgelöst wird, wenn Si...

P粉786800174 2024-04-01 09:43:54 0  1  476

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

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

So wirken Sie sich auf andere Elemente aus, wenn Sie mit der Maus über ein Element fahren

Was ich tun möchte, ist, wenn ein Div mit der Maus bewegt wird, wirkt es sich auf die Eigenschaften eines anderen Div aus. Wenn Sie beispielsweise in dieser JSFiddle-Demo mit der Maus über den #Cube fahren, ändert sich die Hintergrundfarbe. Ich möchte jedoch, dass der #Cube betroffen ist, wenn ich m...

P粉769413355 2023-08-27 12:48:40 0  2  479

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

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

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

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

Ändern Sie den Klassennamen bedingt in ein CSS-Modul (Reagieren).

Ich versuche, eine Animation abzuspielen, wenn der Benutzer mit der Maus über die Navigationsleiste meiner Website fährt. Ich versuche dies zu erreichen, indem ich ein CSS-Modul basierend darauf ändere, ob sich die Maus über der Navigationsleiste befindet. Ich versuche herauszufinden, warum dieser C...

P粉799885311 2023-08-17 18:10:17 0  1  529

Problem mit der Anzeige der sekundären Navigation

Die FID der Navigationstiteltabelle entspricht der SID der Navigationsbezeichnung. So zeigen Sie die entsprechende Navigationsbezeichnung an, wenn Sie mit der Maus über den Navigationstitel fahren. Die Methode hasMany() wurde im Modell eingerichtet, das der Navigationstiteltabelle entspricht. Bitte ...

追逐梦想 2019-11-05 17:19:04 0  1  1027

So öffnen Sie das Auswahl-Dropdown beim Hover mit Bootstrap Vue

Ich brauche eine Möglichkeit, ein <select> oder <b-form-select> auszulösen und beim Mouseover eine Dropdown-Liste mit Optionen anzuzeigen. Keine Verwendung von JQuery oder anderen externen Plugins als Vue.js.

P粉635509719 2024-03-26 14:04:58 0  1  486

So implementieren Sie den Zeilen-Hover in Blazor wasm

Ich habe eine Blazor-Tabellenkomponente, die sich basierend auf der Anzahl der Variablenzeilen in einer Sammlung ändert: Elementname Beschreibung Uploader-Upload-Datum @foreach(variiteminItems){@item.Name@item.Description@item.UserName@item.UploadDate.ToString( " dd-MM-yyyy")DoWork} Was ic...

P粉425119739 2023-08-13 16:53:14 0  1  512

Wie kann ich dafür sorgen, dass der Link das gesamte Bild abdeckt?

Ich möchte, dass der Link alle Bilder abdeckt, nicht nur in der Mitte, sondern auch, wenn Sie mit der Maus über das Bild fahren. .moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);}.m

P粉481815897 2024-04-02 20:45:43 0  1  514

Mouseover eines bestimmten Menüpunkts zeigt kein ausgeblendetes Untermenü an

Ich habe einige Klassen für die Menüpunkte erstellt, damit ich sie aufrufen kann. .dropdownBox{display:none;}.dropdownli:hover>ul.dropdownBox{display:block;} Der „funktionierende“ Bildlaufstatus mit der .dropdown-Klasse zeigt jetzt jedoch Untermenüelemente mit der .dropdownBox-Klasse <navclass...

P粉138871485 2024-04-04 14:39:08 0  1  489

Wie kann ich die Hintergrundfarbe des Antd React-Verzeichnisbaumknotens anpassen?

Wie ändere ich die Standardhintergrundfarbe eines Antd-Verzeichnisbaumknotens mit weniger Stil, wenn die Maus über dem Baumknoten schwebt? <Tree.DirectoryTree>{data.map((item)=>{return(<Tree.TreeNode//@ts-ignoreitem={item}icon={<></>}key={item.user_folder_id}title= {item.titl

P粉825079798 2023-09-03 12:09:15 0  1  734