4 ms·
Not a font. The VHS line striping is just a repeating gradient applied over the whole page: main::before { background: linear-gradien
by olooney 13d ago
Not a font. The VHS line striping is just a repeating gradient applied over the whole page:
main::before {
background:
linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
linear-gradient( 90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06) );
}
The red glow is a red text shadow applied to every element on the page:
:root {
--text-shadow: 2px 0px red, -2px 0px var(--glitch-color-2);
}
Surprisingly, the glitchy logo is also done with CSS, with animations over two different versions of the text overlain atop one another:
<span>explorator.dev</span>
<span>єӿƿłøгⱥʈøг.ᑻ</span>
I know this because the first thing I did when I got to the page was hit F12 to bring up the debugging tools and turn these styles off so I could read it. :)