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

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

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

Fügen Sie eine Zeile vom Ende des Titeltextes bis zum Ende des Containers hinzu

Ich verwende dieses CSS, um eine Linie vom Ende des Titeltextes bis zum Ende des Containers zu zeichnen: h1{display:flex;}h1::after{content:"";flex:auto;border-bottom:3pxsolid#08A7FC ;margin-bottom: 0.25em;} Dies funktioniert gut, bis der Titeltext länger als eine Zeile ist, da h1 dann die...

P粉321676640 2023-09-15 19:42:56 0  1  510

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

Warum wird nur die Hälfte des Quellcodes angezeigt?

Liebe Lehrer, hallo Daniel, ich folge dem Video zum Lernen, der Videomaster kann normal angezeigt werden, aber wenn ich dem Vorgang folge, kann ich nur die Hälfte des Quellcodes ausführen und die andere Hälfte wird direkt auf der Seite angezeigt im Textformat! Es ist mein erster Tag, an dem ich mit ...

卟暨 2018-07-13 21:54:37 0  3  1526

Beschleunigen Sie LIKE-Abfragen ohne wörtliche Sprache

Ich habe eine Tabelle mit 3 Spalten VARCHAR. Ich möchte eine Abfrage durchführen, um zu suchen, ob eine alphanumerische Zeichenfolge diese drei Spalten erfüllt. Zum Beispiel: Ähnlich wie „%whatever%“, aber schneller. Ich habe die Verwendung von VOLLTEXT-Indizes gesehen und es funktioniert gut, aber ...

P粉006847750 2023-09-13 11:51:14 0  1  628

Meine Website wird auf dem Desktop einwandfrei angezeigt, auf dem mobilen Bildschirm jedoch nicht

Ich verwende HTML/CSS, um meine persönliche Website zu gestalten. Der Text lässt sich jedoch nicht auf das Telefon skalieren. Bitte beachten Sie das Bild unten. Websites sehen auf dem Desktop gut aus, werden aber auf Mobilgeräten nicht gut angezeigt. Meine Google Drive-Einbettung passt nicht einmal ...

P粉827121558 2024-03-30 15:09:41 0  1  531

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

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

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

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

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

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  521

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  717

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  770

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  697

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  607