CSS verrückt Gradient

Question

hat eine seltsame Anfrage von einem Client für einen Hintergrund sucht etwas wie dies zu fragen:

Aber mit verschiedenen Schattierungen einer Farbe statt. Performance-Probleme beiseite, gibt es eine Möglichkeit, dies nur mit CSS zu tun? Soweit mir bekannt ist, arbeitet CSS nur mit linearen und radialen Farbverläufen, und da dies in keiner der beiden Kategorien fällt, bin ich mir nicht sicher, was sonst noch gemacht werden könnte.

Ich würde idealerweise ein Bild mit, vor allem aus Leistungsgründen

vermeiden mag, wenn jemand eine Idee hat, würde sich gerne hören!

Answer 1

body { 
 
    background: linear-gradient(to right, rgba(0,0,0,0), teal), linear-gradient(to right, rgba(255,0,100,.3), rgba(255,100,127,.2)), linear-gradient(to top right, yellow, rgba(0,0,0,0)), radial-gradient(closest-corner at 20% 80%, yellow, red); 
 
    background-attachment: fixed; 
 
}

Ich habe versucht, diese so nah wie ich mit nur CSS konnte, aber die Farben auf jeden Fall etwas mehr vibrance nutzen könnten. Viel Glück mit dem Kunden!