mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
26 lines
No EOL
671 B
HTML
26 lines
No EOL
671 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by Efrain2112 - Tags: circle, css, multicolor, pattern */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
--size: 80px; /* control the size */
|
|
--color1: #f29c9c;
|
|
--color2: #ffd700;
|
|
--color3: #7ec8e3;
|
|
--cone: #8b4513;
|
|
|
|
background: radial-gradient(
|
|
circle at 50% 30%,
|
|
transparent 30%,
|
|
var(--color1) 31%
|
|
),
|
|
radial-gradient(circle at 30% 70%, transparent 30%, var(--color2) 31%),
|
|
radial-gradient(circle at 70% 70%, transparent 30%, var(--color3) 31%),
|
|
linear-gradient(to bottom, var(--cone) 50%, transparent 50%);
|
|
background-size: var(--size) var(--size);
|
|
}
|
|
|
|
</style>
|
|
|