Comments (0)
CSS
width: 500px;
height: 500px;
background:
linear-gradient(0deg, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 1) 10.74%, rgb(255 255 255 / 1) 96.41%, rgb(69 168 255 / 0) 100%) 58px 148px / 165px 38px no-repeat no-repeat, /* Cloud */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 1) 57.31%, rgb(69 168 255 / 0) 64.53%) 150px 104px / 72px 66px no-repeat no-repeat, /* Cloud */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 1) 57.31%, rgb(69 168 255 / 0) 64.53%) 179px 124px / 113px 66px no-repeat no-repeat, /* Cloud */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 1) 57.31%, rgb(69 168 255 / 0) 64.53%) -5px 127px / 126px 63px no-repeat no-repeat, /* Cloud */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 1) 57.31%, rgb(69 168 255 / 0) 64.53%) 76px 108px / 99px 63px no-repeat no-repeat, /* Cloud */
linear-gradient(-90deg, rgb(255 255 255 / 0) 0%, rgb(244 193 82 / 0.5) 14.73%, rgb(245 255 69 / 0.5) 52.3%, rgb(244 193 82 / 0.5) 86.02%, rgb(249 255 69 / 0) 100%) 88px 299px / 336px 201px no-repeat no-repeat, /* Sun Reflection */
linear-gradient(0deg, rgb(0 18 137 / 1) 0%, rgb(26 172 251 / 1) 96.78%, rgb(69 168 255 / 0) 100%) 0px 295px / 500px 206px no-repeat no-repeat, /* Water */
radial-gradient(ellipse at 50% 50%, rgb(245 255 69 / 1) 0%, rgb(244 193 82 / 1) 58.8%, rgb(249 255 69 / 0) 67.4%) 89px 96px / 334px 335px no-repeat no-repeat, /* Sun */
repeating-conic-gradient(from 0deg at 50% 50%, rgb(255 255 255 / 0) 0%, rgb(245 255 69 / 0.2) 0.91%, rgb(244 193 82 / 0.2) 3.09%, rgb(249 255 69 / 0) 3.55%, rgb(249 255 69 / 0) 5.26%) 0px 0px / 500px 500px no-repeat no-repeat, /* Rays */
linear-gradient(0deg, rgb(255 69 69 / 1) 0%, rgb(0 136 255 / 1) 100%) 0px 0px / 500px 306px no-repeat no-repeat; /* Sky */
Colors
Views
4,623
Layers
10
Layers (10)
Cloud
linear
Cloud
radial
Cloud
radial
Cloud
radial
Cloud
radial
Sun Reflection
linear
Water
linear
Sun
radial
Rays
conic
Sky
linear
GRADIENT
.ART
css