fix: remove scanline and vignette overlays from 404
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -55,46 +55,8 @@
|
|||||||
60% { transform: skew(-0.5deg); }
|
60% { transform: skew(-0.5deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Scanline overlay */
|
|
||||||
.scanlines {
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
z-index: 10;
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
0deg,
|
|
||||||
rgba(0, 0, 0, 0.1) 0px,
|
|
||||||
rgba(0, 0, 0, 0.1) 1px,
|
|
||||||
transparent 1px,
|
|
||||||
transparent 2px
|
|
||||||
);
|
|
||||||
animation: scanline-flicker 0.1s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes scanline-flicker {
|
|
||||||
0%, 100% { opacity: 0.8; }
|
|
||||||
50% { opacity: 0.85; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CRT vignette effect */
|
|
||||||
.vignette {
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
z-index: 9;
|
|
||||||
background: radial-gradient(
|
|
||||||
ellipse at center,
|
|
||||||
transparent 0%,
|
|
||||||
transparent 60%,
|
|
||||||
rgba(0, 0, 0, 0.4) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="scanlines"></div>
|
|
||||||
<div class="vignette"></div>
|
|
||||||
|
|
||||||
<section class="min-h-screen flex flex-col items-center justify-center px-4 relative z-20">
|
<section class="min-h-screen flex flex-col items-center justify-center px-4 relative z-20">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<h1 class="glitch font-mono" data-text="404">404</h1>
|
<h1 class="glitch font-mono" data-text="404">404</h1>
|
||||||
|
|||||||
Reference in New Issue
Block a user