mirror of
https://github.com/zarfadev/MobaXterm-Keygen.git
synced 2026-08-28 21:00:49 +00:00
Miguel Villegas
7ff6b67362
Refined UI using a completely reconstructed Glassmorphism aesthetic and modern UX updates. Updated support for up to 26.3.
79 lines
1.7 KiB
CSS
79 lines
1.7 KiB
CSS
/* VIP Aurora Stripes Background */
|
|
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');
|
|
|
|
@keyframes aurora {
|
|
from {
|
|
background-position: 50% 50%, 50% 50%;
|
|
}
|
|
to {
|
|
background-position: 350% 50%, 350% 50%;
|
|
}
|
|
}
|
|
|
|
.box-main {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
.jumbo {
|
|
position: fixed;
|
|
inset: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
--stripes: repeating-linear-gradient(
|
|
100deg,
|
|
#fff 0%,
|
|
#fff 7%,
|
|
transparent 10%,
|
|
transparent 12%,
|
|
#fff 16%
|
|
);
|
|
--stripesDark: repeating-linear-gradient(
|
|
100deg,
|
|
#000 0%,
|
|
#000 7%,
|
|
transparent 10%,
|
|
transparent 12%,
|
|
#000 16%
|
|
);
|
|
--rainbow: repeating-linear-gradient(
|
|
100deg,
|
|
#60a5fa 10%,
|
|
#e879f9 15%,
|
|
#60a5fa 20%,
|
|
#5eead4 25%,
|
|
#60a5fa 30%
|
|
);
|
|
|
|
mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
|
|
-webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
|
|
|
|
background-image: var(--stripes), var(--rainbow);
|
|
background-size: 300%, 200%;
|
|
background-position: 50% 50%, 50% 50%;
|
|
|
|
filter: blur(15px) invert(100%);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.jumbo::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
background-image: var(--stripes), var(--rainbow);
|
|
background-size: 200%, 100%;
|
|
animation: aurora 40s linear infinite;
|
|
mix-blend-mode: difference;
|
|
}
|
|
|
|
.dark .jumbo {
|
|
background-image: var(--stripesDark), var(--rainbow);
|
|
filter: blur(15px) opacity(60%) saturate(200%);
|
|
}
|
|
|
|
.dark .jumbo::after {
|
|
background-image: var(--stripesDark), var(--rainbow);
|
|
}
|