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); }
|
||||
}
|
||||
|
||||
/* 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>
|
||||
|
||||
<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">
|
||||
<div class="text-center">
|
||||
<h1 class="glitch font-mono" data-text="404">404</h1>
|
||||
|
||||
Reference in New Issue
Block a user