Yaela's Moonbow

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Yaela&apos;s Moonbow</title>
    <style>
      #root {
        width: 500px;
        height: 500px;
        background:
          radial-gradient(ellipse at 50% 121%, rgb(255 255 255 / 0) 16%, rgb(255 69 118 / 1) 23%, rgb(247 213 84 / 1) 30%, rgb(41 192 56 / 1) 38%, rgb(69 168 255 / 1) 46%, rgb(103 0 205 / 1) 54%, rgb(238 0 255 / 1) 62%, rgb(255 255 255 / 0) 71%) -39px 103px / 584px 246px no-repeat, /* Gradient 1 */
          linear-gradient(0deg, rgb(69 175 255 / 1) 0%,  50%, rgb(182 69 255 / 1) 100%) 0px 0px / 500px 1000px no-repeat; /* Gradient 3 */
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

Colors

Views

Code size

Layers

Explore

Community

Social