Orbs

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
9
Views
1245
Open in Editor

Layers

Bubble (Purple)
(radial)
Bubble (Purple)
(radial)
Bubble (Purple)
(radial)
Bubble (Purple)
(radial)
Bubble (Blue)
(radial)
Bubble (Blue)
(radial)
Bubble (Purple)
(radial)
Bubble (Purple)
(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%) 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 */