Orbs

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
14
Views
3425
Open in Editor

Layers

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)

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 */