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

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

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

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

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

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

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

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

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

javascript – Chrome löst das Klickereignis aus, um den Text daneben auszuwählen

Wenn Sie, wie im Bild gezeigt, einen Auswahleffekt vornehmen müssen, klicken Sie einfach auf das Feld „Toggleclass“, um den Stil zu ändern. Wenn Sie häufig mit der Maus klicken, wird der Text daneben ausgewählt nicht klar. Schauen wir uns das Bild an: Klicken Sie einfach auf den Teil des Felds, um i...

怪我咯 2017-05-18 10:50:08 0  2  966

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

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

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

Tailwind CSS wird im VS-Codeprojekt nicht angewendet?

Ich entwickle ein Projekt mit Laravel10.18.10 und habe die Tailwind-Erweiterung in VScode heruntergeladen. Wenn ich versuche, den Rückenwind-Code anzuwenden, scheint er nicht auf das Projekt angewendet zu werden. Wenn ich mit der Maus über den Code fahre, erscheint das Popup-Fenster wie abgebildet. ...

P粉521697419 2023-08-16 18:34:03 0  2  492

Das untergeordnete Theme „style.css' in Wordpress kann die Datei „index.php' nicht überschreiben

hoffe das hilft. Ich habe ein Child-Theme für meine WordPress-Seite erstellt und darin style.css und Functions.php eingerichtet. Ich gehe davon aus, dass die Warteschlange richtig eingerichtet ist, da ich ein paar verschiedene Dinge ändern kann und sie Erfolg zeigt. Wenn ich jedoch versuche, etwas i...

P粉103739566 2024-03-27 20:53:39 0  1  336

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

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

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

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

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