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