Comments (0)

CSS

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