mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
41 lines
No EOL
756 B
HTML
41 lines
No EOL
756 B
HTML
<div class="container"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by jeremyssocial - Tags: dark, animated, pattern */
|
|
.container {
|
|
/* Basic dimensions and centering */
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
/* Dark mode colors and gradient */
|
|
background: #121212; /* Fallback for browsers that don't support gradients */
|
|
background: linear-gradient(
|
|
135deg,
|
|
#121212 25%,
|
|
#1a1a1a 25%,
|
|
#1a1a1a 50%,
|
|
#121212 50%,
|
|
#121212 75%,
|
|
#1a1a1a 75%,
|
|
#1a1a1a
|
|
);
|
|
background-size: 40px 40px;
|
|
|
|
/* Animation */
|
|
animation: move 4s linear infinite;
|
|
}
|
|
|
|
@keyframes move {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 40px 40px;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|