Comments (0)

CSS

width: 700px;
height: 700px;
background:
  radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%,  48.93%, rgb(133 124 255 / 0) 56.61%) 64px 44px / 185px 221px no-repeat no-repeat, /* Bubble (Purple) */
  radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%,  48.93%, rgb(133 124 255 / 0) 56.61%) 505px -51px / 391px 327px no-repeat no-repeat, /* Bubble (Purple) */
  radial-gradient(ellipse at 50% 50%, rgb(170 97 255 / 1) 0%,  48.93%, rgb(133 124 255 / 0) 56.61%) -109px 483px / 377px 371px no-repeat no-repeat, /* Bubble (Purple) */
  radial-gradient(ellipse at 50% 50%, rgb(170 97 255 / 1) 0%,  48.93%, rgb(133 124 255 / 0) 56.61%) 397px 427px / 377px 371px no-repeat no-repeat, /* Bubble (Purple) */
  radial-gradient(ellipse at 50% 50%, rgb(13 234 227 / 0.37) 37.46%, rgb(133 124 255 / 0) 66.14%) 456px 373px / 185px 221px no-repeat no-repeat, /* Bubble (Blue) */
  radial-gradient(ellipse at 50% 50%, rgb(13 234 227 / 0.37) 37.46%, rgb(133 124 255 / 0) 66.14%) 147px 100px / 213px 208px no-repeat no-repeat, /* Bubble (Blue) */
  radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%,  48.93%, rgb(133 124 255 / 0) 56.61%) 130px -70px / 289px 290px no-repeat no-repeat, /* Bubble (Purple) */
  radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%,  48.93%, rgb(133 124 255 / 0) 56.61%) 169px 314px / 289px 290px no-repeat no-repeat, /* Bubble (Purple) */
  linear-gradient(0deg, rgb(107 96 255 / 1) 0%,  50%, rgb(170 97 255 / 1) 100%) 0px 0px / 700px 700px no-repeat no-repeat; /* Background */