Sakura Tree

Designed by
Juhayna-Bean

Colors:

Layers
20
Views
111
Open in Editor

Layers

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)

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