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