0

This could be extremely easy, but I'm not very familiar with CSS effects, but is it possible to create a background that mimics the gradient of the underlying image?
The background is repeated vertically.
enter image description here

--- The closest I have been able to get is as follows:

body {
  background: radial-gradient(ellipse at top right, #0D0934, transparent),
              radial-gradient(ellipse at top left, #3A0927, transparent),
              radial-gradient(ellipse at bottom left, #0D0934, transparent),
              radial-gradient(ellipse at bottom right, #3A0927, transparent);
}

P.S. The visualization seems buggy in this code snippet

Giuseppe
  • 531
  • 1
  • 5
  • 19

1 Answers1

-2

body{ background: radial-gradient(red, blue); }

Atta Ul Mutahir
  • 1
  • 1
  • 2
    While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. – Ahmet Emre Kilinc Oct 28 '21 at 19:56