mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
51 lines
No EOL
1.1 KiB
HTML
51 lines
No EOL
1.1 KiB
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by SmookyDev - Tags: cube, creative, css, premium, pattern */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
/* Add your background pattern here */
|
|
background: linear-gradient(
|
|
45deg,
|
|
#0000 calc(25% / 3),
|
|
#ffffff 0 calc(50% / 3),
|
|
#0000 0 calc(250% / 3),
|
|
#ffffff 0 calc(275% / 3),
|
|
#0000 0
|
|
),
|
|
linear-gradient(
|
|
45deg,
|
|
#ffffff calc(25% / 3),
|
|
#0000 0 calc(50% / 3),
|
|
#ffffff 0 25%,
|
|
#0000 0 75%,
|
|
#ffffff 0 calc(250% / 3),
|
|
#0000 0 calc(275% / 3),
|
|
#ffffff 0
|
|
),
|
|
linear-gradient(
|
|
-45deg,
|
|
#0000 calc(25% / 3),
|
|
#ffffff 0 calc(50% / 3),
|
|
#0000 0 calc(250% / 3),
|
|
#ffffff 0 calc(275% / 3),
|
|
#0000 0
|
|
),
|
|
linear-gradient(
|
|
-45deg,
|
|
#ffffff calc(25% / 3),
|
|
#0000 0 calc(50% / 3),
|
|
#ffffff 0 25%,
|
|
#0000 0 75%,
|
|
#ffffff 0 calc(250% / 3),
|
|
#0000 0 calc(275% / 3),
|
|
#ffffff 0
|
|
)
|
|
#c77979;
|
|
background-size: 106px 106px;
|
|
background-position: 0 0, 53px 53px;
|
|
}
|
|
|
|
</style>
|
|
|