JSFiddle - React, Tailwind, and code Playground

https://stackoverflow.com/questions/77459655/turning-2-svg-gradients-into-css-possible

by moob

HTML

hover me to compare

CSS

html, body {height:100%; margin:0; min-height:100%; background-color: #333333;}
body {
    background: url('http://nervmech.net/page_gradient_light.svg') 50% -400px fixed no-repeat, url('http://nervmech.net/page_gradient_dark.svg') 50% 0 fixed no-repeat;
    background-size: 1440px 1080px, 2560px 400%;
    background-color: #333333;
}
body:hover {
   background: radial-gradient(circle at center -80%, #666666 0, transparent 50%), radial-gradient(circle at center 130px, #666666 0, #282828 100%);
}