Sunset By The Sea 🌅

Designed by
MaxCodeXTC

Forked From: ggu4968jj0

Keywords:

Colors:

Sunset with clouds with reflection on the seawater

Layers
10
Views
157
Open in Editor

Layers

Cloud
(linear)
Cloud
(radial)
Cloud
(radial)
Cloud
(radial)
Cloud
(radial)
Sun Reflection
(linear)
Water
(linear)
Sun
(radial)
Rays
(conic)
Sky
(linear)

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