mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 11:03:50 +00:00
Void; part 2
This commit is contained in:
@@ -41,37 +41,6 @@
|
||||
@apply bg-purple/50
|
||||
}
|
||||
}
|
||||
/* CRT overlay — canvas only */
|
||||
.crt-scanlines {
|
||||
background: repeating-linear-gradient(
|
||||
to bottom,
|
||||
transparent 0px,
|
||||
transparent 2px,
|
||||
rgb(var(--color-foreground) / 0.06) 2px,
|
||||
rgb(var(--color-foreground) / 0.06) 4px
|
||||
);
|
||||
animation: crt-scroll 12s linear infinite;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.crt-bloom {
|
||||
box-shadow: inset 0 0 100px 30px rgb(var(--color-background) / 0.3);
|
||||
background: radial-gradient(
|
||||
ellipse at center,
|
||||
transparent 50%,
|
||||
rgb(var(--color-background) / 0.25) 100%
|
||||
);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@keyframes crt-scroll {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 0 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*, *::before, *::after {
|
||||
|
||||
Reference in New Issue
Block a user