Wie mache ich Farbmuster in CSS?

-2

Um dieses Design zu erreichen, habe ich ein div bestimmter Größe erstellt. Im obigen Bild Hintergrundfarbe des div ist rot und grün wird als Rauch oben in einigen Muster verwendet. Wie kann ich solche Muster erstellen? Was sind verschiedene Möglichkeiten, dies in CSS zu erreichen?

<div id="canvas" style="background-color:red;"> 

</div>

Das ist alles, was ich tun konnte. Ich habe ein ähnliches Farbmuster (das Muster von Grün) auf Photoshop erstellt. Platzierte es auf diesem Div dann versucht, die Farbe dieses Musters zu ändern. Aber es gab keine Änderungen.

Quelle

2017-08-28 Brainy Prb

https://css-tricks.com verwenden/strips-css/ –

Wenn Sie Ihre Photoshop-Datei mit einem transparenten Hintergrund speichern, können Sie mehrere Hintergründe in CSS verwenden. https://www.w3schools.com/css/css3_backgrounds.asp – Gerard

Sie brauchen mehr als nur ein 'div'. Studieren Sie, wie "Leinwand" arbeitet und sich anstrengen, damit wir wissen, dass Sie etwas wissen, sonst ist das ziemlich sinnlos – LGSon

Diese Art von Farbmuster Sie (Illustrator) in SVG gemacht und dann können Sie es bei Ihrem Projekt wie dieses

<div class="mySvg"> <svg> <use x="0" y="0" xlink:href="#color"></use> </svg> </div>

Details

Quelle

2017-08-28 12:07:56 Momin

Die Frage fragt, wie dies in CSS zu tun ist. – Rob

Der Autor dieser Antwort weiß mehr als das OP. Der Fehler (wenn es einen gibt) ist keine Antwort, die erklärt, wie man den gewünschten Effekt in SVG erreicht, - der Fehler ist zu fragen, wie man es in CSS erreicht. – Rounin

@Momin SVG wird auch funktionieren, aber ich möchte diese dynamisch basierend auf Eingabefarben generieren. –

Wie mache ich Farbmuster in CSS?

Antwort

Verwandte Themen