Wie kann ich die Flasche mit ClipPath mit Farbe füllen?

Ich habe ein Bild einer Flasche und versuche, diese Flasche mit einer bestimmten Farbe zu füllen. Ich habe die Füllkoordinaten gefunden, aber der Hintergrund in der Flasche ist nicht gefüllt.item{width:150px;height:150px;}#tubeLiquid{background-color: #74ccf4 ;clip-path:polygon(45%19%,41%22%,41%29%,...

P粉690200856 2023-09-09 14:53:51 0  2  560

javascript - Wie zeichne ich mehrere Bälle auf Leinwand, sodass das Hintergrundbild jedes Balls unterschiedlich ist?

Frage: Wie kann ich beim Zeichnen mehrerer Bälle auf Leinwand das Hintergrundbild jedes Balls unterschiedlich gestalten? Was ich jetzt tun möchte, ist, jeder Kugel eine andere Farbe zu verleihen und sie mit Bildern zu füllen. Teil des Codes: {code...} Aktueller Effekt:

大家讲道理 2017-06-14 10:54:28 0  4  1037

Die spezifische Bedeutung des CSS-Animationsnamens bezieht sich auf den Füllmodus der Animation

Kürzlich habe ich versucht, mithilfe von CSS eine Animation zu erstellen, bei der die Deckkraft einer bestimmten Klasse von 0 % auf 100 % stieg. Allerdings sind bei der Animation von class="bar" einige Probleme aufgetreten. Wir können sehen, dass der Animationsfüllmodus nicht nur für die T...

P粉441076405 2023-09-13 10:16:28 0  1  578

css3 – CSS-Schriftstil plus Füllfarbe statt Hintergrundfarbe

Es gibt einen Schriftstil wie folgt: Wenn Sie dem Herzen Farbe hinzufügen möchten, anstatt dass der gesamte Bereich das Herz umhüllt, sieht der Farbfehler wie folgt aus: Die Definition von „span“ lautet wie folgt: {Code...} Wenn Sie Wenn Sie Hintergrundfarbe hinzufügen, wird das obige Bild angezeigt...

天蓬老师 2017-06-08 11:02:27 0  2  1297

Erstellen Sie skalierbare Wegweiser mit HTML, CSS und SVG

Ich möchte einen Button in Form eines Wegweisers (ein Rechteck mit einer Spitze) erstellen. _______|\|_______/Ich möchte dynamisch Text in ein Logo schreiben, wobei jeder Text eine andere Länge hat. Wenn ich dies versuche und nur die Grafik als Hintergrundgrafik verwende, werden die Pfeile entsprech...

P粉555682718 2024-03-31 14:45:14 0  1  498

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

Wie kann ich den kleinen Leerraum zwischen der Navigationsleiste und dem nächsten Abschnitt beseitigen? Wie entferne ich den kleinen grauen Bereich im Hover-Selektor?

Ich programmiere diese Website als Abschlussprojekt für meinen HTMl-Kurs auf Freecodecamp und stoße auf zwei Fehler, die ich nicht beheben kann. Einerseits habe ich eine kleine weiße Linie zwischen meiner Navigationsleiste und dem ersten Abschnitt. Andererseits verwende ich den Hover-Selektor, um de...

P粉764836448 2024-02-25 22:54:59 0  1  409

object-c – Wie kann das Farbdimmungsproblem der Ansicht behoben werden, wenn TransitionWithView UIView umdreht?

Wenn Sie eine Animation erstellen möchten, die dem Umdrehen der Vorder- und Rückseite einer Karte ähnelt, führt die Verwendung der TransitionWithView-Methode von UIView dazu, dass die Farbe der umgedrehten Ansicht dunkler wird. Wenn die Hintergrundfarbe der Ansicht weiß ist, kommt es zu einem Flacke...

三叔 2017-06-21 10:11:50 0  1  1107

So rendern Sie mithilfe eingebetteter Klassen unterschiedlichen Text in HTML

Ich möchte basierend auf der Kategorie/Kategorie, in die der Code eingebettet ist, unterschiedlichen Text anzeigen, d. h. wenn die Kategorie .category-rabbitmq ist. Dies kann den Hintergrund ändern, wenn die Kategorie .category-rabbitmq ist. <style>.category-rabbitmq{background-image:u...

P粉418214279 2023-09-02 10:34:50 0  1  494

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

Tabelle mit fester Kopfzeile und gedrehten Spaltenüberschriften

Ich habe eine Tabelle mit einer festen Kopfzeile und einer festen ersten Spalte. Ich möchte auch die Spaltenüberschriften um 45 Grad drehen. Für den festen Titel muss eine Hintergrundfarbe festgelegt werden. Dies führt jedoch zu Problemen bei um 45 Grad gedrehten Überschriften, da der Hintergrund de...

P粉762730205 2024-04-03 08:50:32 0  1  531

javascript - Wie kann man die Legende von Echarts in Auslassungspunkte umwandeln, wenn sie zu viele Zeichen enthält?

Ich erstelle jetzt ein Echarts-Kreisdiagramm, in dem die Legende dynamisch generiert wird. Manchmal werden mehr als ein Dutzend Texte in den Hintergrund geschickt, und der Stil ist hässlich. Jetzt möchte ich Folgendes erreichen: Wenn der Text in einer einzelnen Legende 8 überschreitet , es ändert si...

过去多啦不再A梦 2017-05-19 10:19:29 0  3  746

Kollision zwischen zwei fill.Rect-Funktionen erkennen

Ich habe ein Spiel, bei dem ein Spieler über die Pfeiltasten und der andere Spieler über die WSAD-Tasten gesteuert wird. Ich habe eine Karte in einer 600x600-Leinwand eingerichtet und möchte eine Kollision zwischen zwei Spielern in der Spielfüllung hinzufügen. Wenn sich zwei Spieler innerhalb eines ...

P粉145543872 2023-09-15 13:26:06 0  1  869

Responsives Bild und Text Div nebeneinander

Ich versuche also, eine Vorlage zu erstellen, bei der ein Div ein Bild und das andere Text mit Hintergrund ist. Jetzt möchte ich diese Vorlage responsive machen, sodass der Text mit einer bestimmten Pixelbreite unter dem Bild liegt. Als ich Stackoverflow durchgesehen habe, habe ich unzählige Beiträg...

P粉005134685 2024-04-02 08:59:38 0  1  515

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

Zentrieren Sie ein Div auf einem Hintergrundbild mit einer Höhe von 100 Vh

Ich arbeite an einem Kurs, in dem ich oben eine Navigationsleiste mit fester Position habe. Der Hintergrund ist auf eine Höhe von 100 VH eingestellt und das Div mit dem Textinhalt befindet sich in der Mitte des Hintergrunds. Mit Flexbox ist es fast zentriert, aber um es wirklich in die Mitte des Hin...

P粉006847750 2024-02-17 12:39:44 0  1  432

So überlagern Sie ein Bild mit Text mit abgerundetem Hintergrund

Ich muss in HTML reproduzieren, was Sie in diesem Bild sehen: Das Problem ist, dass der Text das Div und das Hintergrundbild verdeckt. Wenn es im äußeren Div kein Bild und keine Volltonfarbe gäbe, kann ich mir vorstellen, dass ich dies ziemlich einfach mit einigen kleinen HTML-Elementen mit abgerund...

P粉328911308 2023-08-30 15:20:14 0  1  516

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

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

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