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

javascript – QQ-Browser und UC-Browser unterstützen keine CSS3-Animation, aber die integrierten Browser von qq und WeChat unterstützen sie

Ein sehr einfacher Effekt: Der Pfeil der Dropdown-Liste lässt sich problemlos in den integrierten Browsern von QQ und WeChat öffnen, und der native Browser des Mobiltelefons (Xiaomi 5splus) hat kein Problem, der QQ-Browser jedoch und UC lässt sich nicht öffnen.

ringa_lee 2017-06-12 09:32:38 0  1  958

Titel umgeschrieben als: Wie richtet man Listenelemente am obigen Text aus?

Wenn ich ungültiges HTML verwende, kann ich das gewünschte Aussehen erzielen, aber nicht mit gültigem HTML. Gibt es CSS, mit dem ich <FIGURE> oder <FIGCAPTION> konfigurieren kann, um den Effekt von <SPAN> zu simulieren? Ich möchte, dass das Erscheinungsbild links und der gültige HT...

P粉463840170 2023-09-09 15:47:47 0  2  618

Verlaufseffekt der CSS-Anzeigeeigenschaften

Ich entwerfe derzeit ein CSS-„Super-Dropdown“ – im Grunde ein normales reines CSS-Dropdown, aber mit verschiedenen Arten von Inhalten darin. Derzeit scheinen CSS3-Übergangseffekte nicht auf die Eigenschaft „display“ anzuwenden, d. h. es gibt keine Möglichkeit, von display:none zu display:block (oder...

P粉608647033 2023-08-21 11:08:32 0  2  605

javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  839

So deaktivieren Sie die Browser-Gesten-Zoomfunktion auf Tablets vollständig – Stapelüberlauf

Auf einem Tablet kann man aufgrund der Multi-Touch-Funktion direkt Gesten verwenden, um diesen Effekt zu deaktivieren. Allerdings habe ich verschiedene Methoden ausprobiert, aber das scheint nicht zu funktionieren Zoom ist dasselbe wie der PC-Strg + Scrollrad-Zoom. Es handelt sich nicht nur um einen...

怪我咯 2017-06-30 09:57:23 0  1  1116

javascript – Ein Klickereignisfehler. Ich weiß nicht, was schief gelaufen ist.

1. Wenn das Bild zur rechten Seite des Mundes scrollt und dann schnell auf den linken Pfeil klickt, wird die Lupenfunktion ungültig. In anderen Fällen scheint es kein Problem zu sein, irgendwo zu klicken. Ich kann nicht herausfinden, wo das Problem liegt. Ich habe stop() und clearQueue() verwendet, ...

ringa_lee 2017-05-18 10:59:14 0  1  1007

html – Elemente werden in Google- und Firefox-Browsern unterschiedlich angezeigt. Möchten Sie das Problem mit einem CSS-Hack lösen?

Die Höhe des div-Elements zeigt unterschiedliche Auswirkungen in den Browsern Google und Firefox. Ich möchte das Problem mit einem CSS-Hack lösen, aber diese beiden Codeteile funktionieren nicht. Kann mir das jemand erklären? . .

淡淡烟草味 2017-06-17 09:16:40 0  2  993

css3 – CSS-Übergangseffekte, die dazu führen, dass Text unscharf oder zittert?

Gehen wir direkt zum GIF: Code: Vorlage: {code...} CSS: {code...} Einige irrelevante Stile wurden entfernt. Die derzeit bekannte Situation ist der Übergangseffekt des kleinen Dreiecks auf der rechten Seite Dropdown-Feld in Chrome. Dies führt dazu, dass der Text unscharf wird und wackelt.

ringa_lee 2017-05-24 11:35:53 0  2  2461

css - Warum hat der Filter „blur()' einen transparenten Effekt?

Die aktuelle Situation ist wie folgt: Peking legt einen unscharfen Hintergrund für Geschäftsfotos fest, aber jetzt gibt es ein transparentes Problem, da der unscharfe Hintergrund normalerweise ein Pseudoelement ist, wenn er verwendet wird , die Bildressource kann nicht in CSS abgerufen werden, daher...

巴扎黑 2017-05-16 13:26:12 0  1  813

CSS-Marquee mit Ein-/Ausblendübergang

Ich versuche, einen CSS-Laufrahmen mit Text zu erstellen, der am rechten Rand ein- und am linken Rand ausgeblendet wird. Nur die Ränder der Buchstaben sollten transparent werden. Ich nenne dies die „Deckkraftmaske“ und verteile sie an den linken/rechten Rändern. Ich kann CSS-Marquee-Codebeispiele fi...

P粉659516906 2024-03-27 21:24:13 0  2  566

„Der :deep()-Selektor in Vue3 ist ungültig, wenn die PrimeVue-Bibliothek verwendet wird.'

Ich verwende vue3 und die PrimeVue-Bibliothek. Wenn ich versuche, das CSS-Feld der PrimeView-Komponente mithilfe des Selektors :deep() zu überschreiben, hat dies keine Auswirkung. Meine Änderungen werden nur angewendet, wenn ich Stile ohne Bereichseinschränkung verwende. Ich bin verwirrt, warum es n...

P粉785522400 2023-08-29 23:45:06 0  1  621

Wenn line-height in CSS keine Höhe angibt, was ist der Standardwert?

Wenn die Zeilenhöhe nicht in CSS angegeben ist, was ist der Standardwert? Entspricht es der Schriftgröße? Manchmal fühlt es sich so an, als hätte die manuelle Einstellung auf die gleiche Schriftgröße einen anderen Effekt, als wenn man sie standardmäßig deaktiviert ließe.

不言 2018-10-23 17:43:22 0  1  1611

Javascript – Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss.

Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss, und weiter abgespielt, als ich den Tab erweiterte. Ich verwende das Hintergrundbild zum Bewegen, um den Bewegungseffekt zu erzielen. Hängt das mit diesem Grund z...

给我你的怀抱 2017-06-30 09:52:30 0  1  876

javascript – So referenzieren Sie verschiedene CSS-Stile basierend auf Variablen in VueJS

Es ist erforderlich, das vorherige Projekt auf das Vue-Framework umzustellen. Jetzt haben wir CSS und alles. Jetzt möchte ich verschiedene CSS-Dateien basierend auf Variablen vorstellen. Ähnlich dem logischen Effekt in if(){//import from ''xxx.css}. Ich möchte alle fragen: Kann es im Vue-Framework o...

曾经蜡笔没有小新 2017-07-05 10:37:08 0  1  661

So tauschen Sie zwei Div mithilfe einer Animation aus

Ich habe ein Projekt, bei dem ich möchte, dass ein Div als großes Kästchen und drei weitere Divs unten als kleine Kästchen angezeigt werden. Wenn Sie auf ein kleines Kästchen klicken, ändert sich die Größe und die Position wird mit dem großen Kästchen vertauscht, wobei ein CSS-Übergangseffekt verwen...

P粉191323236 2023-08-26 13:55:33 0  1  535

javascript – So passen Sie vscode nach Ihren Wünschen an

Der Effekt, den Sie durch die vscode-Anpassung erzielen möchten, besteht darin, die Tastenkombination JS zu drücken und auf Variable A zu klicken, um zur Deklaration von Variable A zu springen. Klicken Sie in CSS auf den Klassennamen B, um zu B{...} Nicht verwendete JS-Variablen oder zu springen Der...

代言 2017-07-05 10:38:58 0  1  957

Hintergrund und transparenter Text werden abgeschnitten

Gibt es eine Möglichkeit, mit CSS den Effekt zu erzeugen, dass transparenter Text aus dem Hintergrund herausgeschnitten wird, wie unten gezeigt? Es wäre eine Schande, all Ihr wertvolles SEO zu verlieren, weil Bilder den Text ersetzen. Zuerst dachte ich an Schatten, aber mir fiel nichts ein ... Das B...

P粉439804514 2024-03-25 16:47:36 0  2  631

Benutzerdefinierte CSS-Bereichseigenschaften werden nicht erkannt, wenn sie zum Auswerten von Variablen im übergeordneten Bereich verwendet werden

Ich versuche, die Größe über eine benutzerdefinierte Var-Eigenschaft zu skalieren, damit Klassen ohne Kopplung zusammengestellt werden können. Der gewünschte Effekt besteht darin, dass die drei Listen drei verschiedene Maßstäbe haben, aber wie auf CodePen gezeigt, haben alle drei Listen den gleichen...

P粉006847750 2023-11-01 21:53:10 0  1  695

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