GRADIENT
.ART
css
Sign In
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sunset By The Sea 🌅 </title>
<style>
#root {
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, /* 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, /* 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, /* 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, /* 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, /* 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, /* 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, /* 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, /* 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, /* Rays */
linear-gradient(0deg, rgb(255 69 69 / 1) 0%, rgb(0 136 255 / 1) 100%) 0px 0px / 500px 306px no-repeat; /* Sky */
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html> Comments (0)
Forked from
Colors
Views
3,229
Code size
2.06 KB
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