Skip to content

Instantly share code, notes, and snippets.

@nzjames
Last active June 14, 2022 19:24
Show Gist options
  • Save nzjames/30fce9b712460d68be1bc5d5821fda3d to your computer and use it in GitHub Desktop.
Save nzjames/30fce9b712460d68be1bc5d5821fda3d to your computer and use it in GitHub Desktop.
Green / grey gradient from CSS mesh gradients
/*
https://csshero.org/mesher/
*/
body {
background-color:hsla(0,0%,0%,1);
background-image:
radial-gradient(at 40% 1%, hsla(103,60%,69%,1) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(102,22%,16%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(120,100%,88%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(126,67%,26%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(17,0%,32%,1) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(108,100%,19%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(137,100%,76%,1) 0px, transparent 50%);
}
body{
background-color:#ff99af;
background-image:
radial-gradient(at 21% 78%, hsla(8,100%,89%,1) 0px, transparent 50%),
radial-gradient(at 7% 54%, hsla(67,100%,89%,1) 0px, transparent 50%),
radial-gradient(at 6% 58%, hsla(163,100%,89%,1) 0px, transparent 50%),
radial-gradient(at 61% 36%, hsla(260,100%,89%,1) 0px, transparent 50%),
radial-gradient(at 8% 91%, hsla(61,100%,89%,1) 0px, transparent 50%),
radial-gradient(at 26% 40%, hsla(291,100%,89%,1) 0px, transparent 50%),
radial-gradient(at 37% 30%, hsla(153,100%,89%,1) 0px, transparent 50%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment