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%) 505px -51px / 391px 327px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgba(107,96,255,0.48) 32.88%, rgba(133,124,255,0) 56.61%) 344px -179px / 694px 593px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgba(170,97,255) 0%, 43.84%, 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.39) 29.11%, rgba(133,124,255,0) 70.89%) -274px 281px / 740px 737px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgba(170,97,255) 0%, 36.99%, rgba(133,124,255,0) 56.61%) 397px 427px / 377px 371px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgba(170,97,255,0.53) 28.77%, rgba(133,124,255,0) 73.29%) 226px 261px / 669px 679px no-repeat no-repeat, /* Bubble (Purple Glow) */
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) 27.4%, rgba(133,124,255,0) 66.14%) 147px 100px / 213px 208px no-repeat no-repeat, /* Bubble (Blue) */
radial-gradient(ellipse at 50% 50%, rgba(13,234,227,0.25) 34.59%, rgba(133,124,255,0) 70.55%) -7px -54px / 514px 513px no-repeat no-repeat, /* Bubble (Blue Glow) */
radial-gradient(ellipse at 50% 50%, rgba(107,96,255,1) 0%, 43.15%, 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,0.5) 33.9%, rgba(133,124,255,0) 67.47%) 20px -161px / 510px 486px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgba(107,96,255,1) 0%, 41.78%, rgba(133,124,255,0) 58.22%) 169px 314px / 289px 290px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgba(107,96,255,0.36) 33.56%, rgba(133,124,255,0) 71.58%) 32px 177px / 563px 555px no-repeat no-repeat, /* Bubble (Purple Glow) */
linear-gradient(0deg, rgba(19,16,67,1) 0%, 50%, rgba(93,48,145,1) 100%) 0px 0px / 700px 700px no-repeat no-repeat; /* Background */
Layers (14)
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Blue)
radial
Bubble (Blue)
radial
Bubble (Blue Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Background
linear
GRADIENT
.ART
css