mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
30 lines
No EOL
668 B
HTML
30 lines
No EOL
668 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by milegelu - Tags: simple, black, clean */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
background: #000000;
|
|
--gap: 5em;
|
|
--line: 1px;
|
|
--color: rgba(255, 255, 255, 0.2);
|
|
|
|
background-image: linear-gradient(
|
|
-90deg,
|
|
transparent calc(var(--gap) - var(--line)),
|
|
var(--color) calc(var(--gap) - var(--line) + 1px),
|
|
var(--color) var(--gap)
|
|
),
|
|
linear-gradient(
|
|
0deg,
|
|
transparent calc(var(--gap) - var(--line)),
|
|
var(--color) calc(var(--gap) - var(--line) + 1px),
|
|
var(--color) var(--gap)
|
|
);
|
|
background-size: var(--gap) var(--gap);
|
|
}
|
|
|
|
</style>
|
|
|