mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
26 lines
No EOL
939 B
HTML
26 lines
No EOL
939 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by csemszepp - Tags: simple, pattern, Christmas */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
--s: 75px; /* control the size */
|
|
|
|
--_c: #0000, #fff 1deg 79deg, #0000 81deg;
|
|
--g0: conic-gradient(from 140deg at 50% 87.5%, var(--_c));
|
|
--g1: conic-gradient(from 140deg at 50% 81.25%, var(--_c));
|
|
--g2: conic-gradient(from 140deg at 50% 75%, var(--_c));
|
|
--g3: conic-gradient(at 10% 20%, #0000 75%, #fff 0);
|
|
background: var(--g0) 0 calc(var(--s) / -4),
|
|
var(--g0) var(--s) calc(3 * var(--s) / 4), var(--g1),
|
|
var(--g1) var(--s) var(--s), var(--g2) 0 calc(var(--s) / 4),
|
|
var(--g2) var(--s) calc(5 * var(--s) / 4),
|
|
var(--g3) calc(var(--s) / -10) var(--s),
|
|
var(--g3) calc(9 * var(--s) / 10) calc(2 * var(--s)),
|
|
repeating-conic-gradient(from 45deg, #a31e39 0 25%, #31570e 0 50%);
|
|
background-size: calc(2 * var(--s)) calc(2 * var(--s));
|
|
}
|
|
|
|
</style>
|
|
|