Wie man einen körnigen Gradientenhintergrund mit SVG erstellen ⇐ CSS

[Anonymous]

Das Bild unten ist ein Ausschnitt meines visuellen Konzepts in Figma. Ich habe ein kostenloses Plugin verwendet, um diese Art von Hintergrund zu generieren, die als laute oder körnige Gradientin bekannt ist. Meiner Meinung nach sieht es einzigartig und visuell interessant aus. Ich glaube, es ist wichtig, SVG zu verwenden, um das Seitengewicht leicht zu halten und eine gute Leistung aufrechtzuerhalten. />

Code: Select all

.grainy-background-layer {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
filter: url(#grainy);
background: linear-gradient(120deg, #4183d7, #a754d6);
opacity: 1;
}< /code>