Imitieren eines bestimmten PNG mit CSS Linear-Gradienten

Question

Ich möchte dieses Bild ---> <--- in reinen CSS-Gradienten neu erstellen.

Was wäre der beste Weg, um dies zu nähern?

Kann das obige Bild mit reinen CSS-Verläufen als Hintergrund nachgeahmt werden?

Answer 1

Verwenden Sie einfach das Bild mit background-repeat: repeat;, um die image zu wiederholen.

.repeat { 
 
    width: 500px; 
 
    height: 500px; 
 
    background-image: url(https://i.stack.imgur.com/yUjwo.png); 
 
    background-repeat: repeat; 
 
}

<div class="repeat"></div>