Scrollbare Chat-Blase mit Farbverlauf

Ich möchte einen weißen Container mit Chat-Blasen mit einem Farbverlauf, der sich beim Scrollen mit dem Farbverlauf unten ändert, wie in diesem Beispiel gezeigt: Ich habe versucht, den Teil des .containers hinter jeder ChatBubble transparent zu machen, damit der Hintergrund von root sichtbar ist. .r...

P粉197639753 2023-09-01 11:52:18 0  2  659

Ist es möglich, einen fließenden Übergang von einfarbig gezeichnetem Text zu einem animierten Farbverlauf zu erreichen?

Auf der Seite befindet sich weißer Text und darunter eine Schaltfläche. Zusätzlich werden animierte Farbverläufe angewendet, um den Text zu füllen. Wenn Sie auf die Schaltfläche klicken, wird die Eigenschaft -webkit-text-fill-color transparent, wodurch sich die Textfarbe plötzlich an den Farbverlauf...

P粉762447363 2023-09-16 09:22:05 0  1  814

Der lineare Farbverlauf funktioniert nicht mit Variablen in Hell-/Dunkel-Themen

Ich arbeite an meiner persönlichen Website – https://cooperativedoilylivedistro.elliott23.repl.co – die je nach Vorliebe helle und dunkle Themen hat. Das Problem ist, wenn ich den linearen Farbverlauf auf eine Variable setze, funktioniert es nicht und der gesamte Hintergrund wird weiß. Dies sind HTM...

P粉190443691 2024-03-29 13:28:10 0  1  353

Kann ich den Randradius bei Randbildern mit Farbverläufen verwenden?

Ich entwerfe ein Eingabefeld mit einem kreisförmigen Rand (Randradius) und versuche, diesem Rand einen Farbverlauf hinzuzufügen. Ich kann erfolgreich Farbverläufe und kreisförmige Ränder erstellen, aber beides funktioniert nicht zusammen. Es handelt sich entweder um abgerundete Ecken ohne Farbverlau...

P粉633733146 2023-08-29 12:52:01 0  2  557

CSS-Radialverlauf zu SVG-Radialverlauf

Ist es möglich, in SVG einen radialen Farbverlauf zu erstellen, wie in CSS http://codepen.io/A973C/pen/hnEaf (ich meine das Licht in der Ampel).red{background:red;background-image :radial- Farbverlauf (braun, transparent); Hintergrundgröße: 15 Pixel, 15 Pixel, Breite: 100 Pixel, Höhe: 100 Pixel, Ran...

P粉308783585 2023-12-11 15:54:09 0  2  615

Sind Randverläufe mit dem Randradius kompatibel?

Ich gestalte ein Eingabefeld mit einem abgerundeten Rand (Randradius) und versuche, dem Rand einen Verlaufseffekt hinzuzufügen. Ich kann erfolgreich Farbverläufe und abgerundete Ränder erstellen, aber nicht beides gleichzeitig. Entweder gibt es abgerundete Ecken, aber keinen Farbverlauf, oder es gib...

P粉824889650 2023-08-21 20:39:38 0  2  495

css - Warum ist der lineare Gradient ungültig?

Hintergrundfarbe: linearer Farbverlauf (nach unten, #fc8291, #fa213b); Diese Codezeile ist in Chrome und Firefox ungültig und es wird keine Hintergrundfarbe angezeigt Warum?

为情所困 2017-05-16 13:38:09 0  1  1651

Der CSS-Hintergrundverlauf deckt nicht die gesamte Seite ab (einschließlich scrollbarer Inhalte).

Ich habe Probleme mit einem CSS-Hintergrundverlauf in einem HTML-Dokument. Ich habe eine Seite entworfen, die einen linearen Farbverlauf als Hintergrund verwendet und ihn auf das Körperelement setzt. Das Problem, mit dem ich konfrontiert bin, besteht darin, dass der Farbverlauf dort zu enden scheint...

P粉506963842 2023-09-12 13:20:09 0  2  696

So erstellen Sie eine Verlaufsanimation mit CSS

Ich möchte meinen Farbverlauf mit mehreren Farben reibungslos verschieben, aber das Problem ist, dass die Animation nicht flüssig ist. Es ändert einfach bei jedem Schritt seine Position. <style>.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:...

P粉909476457 2023-09-18 09:47:10 0  2  758

Wie erreicht man einen reibungslosen Farbübergang einer konischen Verlaufsanimation?

Ich animiere einen sich verjüngenden Farbverlauf, aber der Farbwechsel ist nicht sanft genug. Ich habe mir verschiedene Artikel angesehen, kann sie aber nicht richtig reproduzieren. Meinen Code finden Sie hier: <style>body{min-height:100vh;display: flex ;align-items:center;justify-content:cent...

P粉285587590 2023-09-01 16:37:22 0  1  515

android – Android-Aktivität zeigt Steuerelemente an, die nicht oben sind

Ich habe eine Titelleiste mit Farbverlauf erstellt und festgestellt, dass beim Wechsel von der Startseite zur Startseite die Liste unter der Bannerleiste direkt angezeigt wird und die Bannerleiste nach oben gedrückt und manuell nach oben gewischt wird, um angezeigt zu werden. Gibt es eine Möglichkei...

过去多啦不再A梦 2017-06-29 10:09:38 0  1  919

Umgeschriebener Titel: So erstellen Sie einen Autofill-Schieberegler mit Verlaufshintergrund in HTML

Ich spiele gerade mit HTML herum und möchte einen Schieberegler erstellen, der sich selbst mit einem Farbverlauf füllt, aber ich halte das für nahezu unmöglich. Ich habe ein paar Stunden lang recherchiert, kann aber scheinbar keine Antwort finden. Ich glaube, ich brauche JS, aber da bin ich völlig l...

P粉715228019 2024-02-03 20:57:38 0  2  502

Ist es möglich, Verläufe zu SVG-Pfaden hinzuzufügen?

Ich möchte einen einfachen Ladeindikator auf meiner Website platzieren, der durch ein Skript ausgelöst wird. Es sollte ein einfacher Bogen mit Farbverlauf sein und sich drehen, während der Benutzer wartet. Ich habe den Animationsteil noch nicht ausprobiert, bin aber jetzt bei statischen Stilen hänge...

P粉402806175 2023-10-18 14:55:02 0  2  650

So fügen Sie zwei Hintergründe mit linearem Farbverlauf zum selben Element hinzu – Tailwind-Tutorial

Ist es möglich, in Tailwind zwei lineare Hintergründe zu einem Element hinzuzufügen? Hier ist der gültige CSS-Code: background-image:linear-gradient(toright,#f8fafb50%,#16161650%),linear-gradient(toright,#16161650%,#f8fafb50%); Ich habe versucht, ihn zweimal so hinzuzufügen: className ="bg-grad...

P粉561438407 2024-03-27 08:57:02 0  1  442

So erstellen Sie 3 transparente Löcher mit Radial-Gradient in der Webkit-Maske, behalten aber das Bild bei

Ich arbeite an einem Projekt und muss ein Div erstellen, dessen Rand drei zufällige Löcher haben muss, um es transparent zu machen. Das Problem, mit dem ich konfrontiert bin, besteht darin, dass ich für die beiden Löcher -webkit-mask mit einem radialen Farbverlauf verwende, um zwei transparente Löch...

P粉810050669 2023-09-02 21:32:42 0  2  658

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

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

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

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

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