galaxy/Patterns/escannord_little-parrot-76.html

73 lines
No EOL
1.5 KiB
HTML

<div class="container"></div>
<style>
/* From Uiverse.io by escannord - Tags: 3d, black, pattern, sphere */
.container {
width: 100%;
height: 100%;
/* Add your background pattern here */
background: lightblue;
background: radial-gradient(
circle,
rgb(170, 162, 162),
#333 30%,
rgba(88, 84, 84, 0.226) 0%
),
radial-gradient(
circle at 40px 40px,
rgb(233, 228, 228),
#333 30%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 600px 200px,
rgb(233, 228, 228),
#333 10%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 800px 100px,
rgb(233, 228, 228),
#333 10%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 700px 500px,
rgb(233, 228, 228),
#333 2%,
rgba(88, 84, 84, 0.123) 0%
),
radial-gradient(
circle at 200px 400px,
rgb(233, 228, 228),
#333 1%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 300px 700px,
rgb(233, 228, 228),
#333 15%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 900px 500px,
rgb(233, 228, 228),
#333 20%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 650px 400px,
rgb(233, 228, 228),
#333 10%,
rgba(88, 84, 84, 0) 0%
),
radial-gradient(
circle at 600px 600px,
rgb(233, 228, 228),
#333 1%,
rgba(88, 84, 84, 0.959) 0%
);
}
</style>