Comments (1)
Yoav Kadosh
8 months ago
Beautiful!
CSS
width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgba(250,199,219,1) 0%, rgba(255,182,213,1) 40%, 50%, rgba(69,168,255,0) 56%) 224px 46px / 148px 120px no-repeat no-repeat, /* SakuraD1 */
radial-gradient(ellipse at 50% 50%, rgba(250,199,219,1) 0%, rgba(255,182,213,1) 40%, 50%, rgba(69,168,255,0) 56%) 100px 103px / 148px 120px no-repeat no-repeat, /* SakuraD2 */
radial-gradient(ellipse at 50% 50%, rgba(255,181,195,1) 0%, 50%, rgba(69,168,255,0) 56%) 200px 152px / 168px 120px no-repeat no-repeat, /* SakuraB7 */
radial-gradient(ellipse at 50% 50%, rgba(255,181,195,1) 0%, 50%, rgba(69,168,255,0) 56%) 264px 92px / 168px 120px no-repeat no-repeat, /* SakuraB3 */
radial-gradient(ellipse at 50% 50%, rgba(255,181,195,1) 0%, 50%, rgba(69,168,255,0) 56%) 56px 119px / 148px 120px no-repeat no-repeat, /* SakuraB5 */
radial-gradient(ellipse at 50% 50%, rgba(255,181,195,1) 0%, 50%, rgba(69,168,255,0) 56%) 142px 29px / 148px 120px no-repeat no-repeat, /* SakuraB4 */
radial-gradient(ellipse at 50% 50%, rgba(255,181,195,1) 0%, 50%, rgba(69,168,255,0) 56%) 77px 202px / 118px 80px no-repeat no-repeat, /* SakuraB2 */
radial-gradient(ellipse at 50% 50%, rgba(255,181,195,1) 0%, 50%, rgba(69,168,255,0) 56%) 337px 189px / 96px 94px no-repeat no-repeat, /* SakuraB1 */
radial-gradient(ellipse at 50% 50%, rgba(243,133,158,1) 0%, 50%, rgba(69,168,255,0) 56%) 183px 93px / 136px 120px no-repeat no-repeat, /* SakuraA3 */
radial-gradient(ellipse at 50% 50%, rgba(243,133,158,1) 0%, 50%, rgba(69,168,255,0) 56%) 283px 155px / 136px 120px no-repeat no-repeat, /* SakuraA4 */
radial-gradient(ellipse at 50% 50%, rgba(243,133,158,1) 0%, 50%, rgba(69,168,255,0) 56%) 130px 159px / 136px 120px no-repeat no-repeat, /* SakuraA2 */
radial-gradient(ellipse at 50% 50%, rgba(243,133,158,1) 0%, 50%, rgba(69,168,255,0) 56%) 103px 66px / 136px 120px no-repeat no-repeat, /* SakuraA1 */
radial-gradient(ellipse at 50% 50%, rgba(204,145,86,1) 0%, rgba(99,41,40,0.22) 20%, 50%, rgba(69,168,255,0) 56%) 225px 284px / 18px 43px no-repeat no-repeat, /* Trunk5-2 */
radial-gradient(ellipse at 50% 100%, rgba(99,41,40,1) 0%, 50%, rgba(69,168,255,0) 56%) 214px 159px / 60px 206px no-repeat no-repeat, /* Trunk2 */
radial-gradient(ellipse at 50% 100%, rgba(204,145,86,1) 0%, 50%, rgba(69,168,255,0) 56%) 209px 161px / 70.99431610107422px 202.97535705566406px no-repeat no-repeat, /* Trunk3 */
radial-gradient(ellipse at 50% 50%, rgba(99,41,40,1) 0%, rgba(99,41,40,1) 25%, 50%, rgba(69,168,255,0) 56%) 175px 351px / 142px 34px no-repeat no-repeat, /* Trunk1 */
radial-gradient(ellipse at 50% 50%, rgba(203,145,86,1) 0%, 50%, rgba(69,168,255,0) 56%) 148px 344px / 196px 54px no-repeat no-repeat, /* Trunk4 */
radial-gradient(ellipse at 50% 100%, rgba(142,255,69,1) 0%, 50%, rgba(69,168,255,0) 56%) -116px 287px / 719px 215px no-repeat no-repeat, /* Grass */
radial-gradient(ellipse at 50% 100%, rgba(69,255,144,1) 0%, 50%, rgba(69,168,255,0) 56%) -149px 279px / 792px 223px no-repeat no-repeat, /* Earth */
linear-gradient(0deg, rgba(255,186,201,1) 0%, 50%, rgba(69,168,255,1) 100%) 0px 0px / 500px 429px no-repeat no-repeat; /* Sky */
Layers (20)
SakuraD1
radial
SakuraD2
radial
SakuraB7
radial
SakuraB3
radial
SakuraB5
radial
SakuraB4
radial
SakuraB2
radial
SakuraB1
radial
SakuraA3
radial
SakuraA4
radial
SakuraA2
radial
SakuraA1
radial
Trunk5-2
radial
Trunk2
radial
Trunk3
radial
Trunk1
radial
Trunk4
radial
Grass
radial
Earth
radial
Sky
linear
GRADIENT
.ART
css