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

Gibt es eine reine CSS-Methode zum Umbrechen von Wörtern bei bestimmten Zeichen, die keine Leerzeichen sind?

Wenn ein Wort (z. B. THIS_PHRASE_HERE) das darin enthaltene div überläuft (feste Breite), möchte ich es mit einem Unterstrich teilen. Ich weiß, dass ich „word-break:break-all“ verwenden kann, um ein Wort nach einem beliebigen Zeichen aufzuteilen, aber das wirkt etwas verwirrend, besonders wenn am En...

P粉807397973 2023-09-10 20:24:04 0  2  751

Titel umgeschrieben als: Wie ändere ich die Textgröße in allen Eingabebereichen (einschließlich E-Mail-Anmeldung, Kommentarfeld und Dropdown-Liste für die Rezeptindexseite) in CSS?

Website: https://olivesfordinner.com/ Suchen Sie nach CSS-Code, der den Text vergrößert, wenn Sie Ihre E-Mail-Adresse eingeben, um sich auf der Homepage anzumelden. Es ist zu klein. Wenn ich einen Kommentar zu einem Rezeptbeitrag hinterlasse (z. B.: https://olivesfordinner.com/toasted-muesli-recipe/...

P粉465675962 2023-09-14 15:17:43 0  2  633

Verwenden von CSS, um den Fülleffekt von zeilenumbrochenem Text zu erzielen

Ich habe hier ein minimalistisches Beispiel: https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ mit folgendem Inhalt: .wrapper{width:200px;}h1{font-size:32px;font-family:Tahoma,Helvetica, sans -serif;line-height:50px;}.header-text{background:#aabbcc;padding-

P粉969666670 2023-08-25 00:09:03 0  2  539

Javascript – Bei der Nachahmung des Sperrfeuereffekts sind Fehler aufgetreten

Durch die Verwendung der Positionierung zum Schreiben des Sperrfeuerimitationseffekts erscheint ein Fehler, sobald er die Kante berührt. CSS: {code...} JS: {code...} Das Problem besteht darin, dass das Sperrfeuer abbricht, sobald es die linke Seite berührt des Bildschirms: Aber bei der Eingabe von Z...

習慣沉默 2017-06-30 09:58:38 0  2  889

CSS-Tipps: Erstellen Sie horizontale Linien und zentrierten Text

Ich versuche, eine horizontale Trennlinie mit etwas Text zu erstellen. Zum Beispiel: ----------------------------------Hier ist mein Titel-------- - -------------------------Gibt es eine Möglichkeit, diesen Effekt in CSS zu erzielen? Natürlich ist es nicht notwendig, alle „-“-Gedankenstriche zu verw...

P粉248602298 2023-08-20 15:11:18 0  2  509

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

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

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

Implementieren von Override-Methoden für Inline-CSS in Xamarin Forms

Ich habe eine XamarinForms-Anwendung entwickelt. Für CSS habe ich die von XamarinForms bereitgestellten Inline-Stile verwendet und die App wird von verschiedenen Clients verwendet. Aber jetzt gibt es einen Kunden, der möchte, dass seine Anwendung über benutzerdefiniertes CSS (Schriftarten, Farben us...

P粉275883973 2023-08-15 18:59:07 0  1  450

Wie stelle ich die Textfarbe in der Flutter-Web-App auf Schwarz ein, wenn der Anzeigemodus des Geräts dunkel ist?

Ich habe eine Web-App in Flutter erstellt und sie funktioniert wie erwartet, aber ich habe auf einigen Mobilgeräten Probleme damit (insbesondere mit dem Standardbrowser auf Samsung-Geräten, auf Chrome funktioniert er einwandfrei). Auf der Anmeldeseite ist die Hintergrundfarbe meiner Seite weiß und d...

P粉216807924 2023-09-11 20:16:42 0  1  569

Mein CSS-Stylesheet funktioniert nicht mehr/verlinkt nicht mehr auf meine HTML-Datei – was könnte der Grund sein?

Ich habe viele Foren nach Antworten durchsucht und mir etwa 50 Google-Links angesehen, aber nichts gefunden, was funktioniert ... Mein CSS wird in meinem HTML-Code nicht angezeigt. Mein Code funktionierte einwandfrei, bis ich einen Flexbox-Container und zwei Flexboxen hinzufügte. Ich teste meinen Co...

P粉473363527 2024-04-03 09:49:45 0  1  548

Die Schriftgröße von Flutter WebView ist zu groß

Ich verwende derzeit flutter_inappwebview zum Rendern dieser Website und alles funktioniert einwandfrei, aber mir ist aufgefallen, dass einige Texte größer als normal sind. Dies geschieht während der gesamten Anwendung. Wir verwenden REM-Einheiten, um die Schriftgröße in CSS zu definieren. Könnte da...

P粉463824410 2024-03-27 18:45:56 0  1  726

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