Old Timey Terminal Styling

I saw a little demo the other day called HTML5 Terminal. It has some functionality, but it seems like it’s just kinda for fun. That said, I loved the aesthetic of it! Blurry monospace type with visible monitor lines and a glowing green background — nice!

Let’s re-create that, bit-by-bit.
A radial gradient is perfect for the glowing green background:
body {
background-color: black;
background-image: radial-gradient(
rgba(0, 150, 0, 0.75), black 120%
);
height: 100vh;
}
I’m so used …
The post Old Timey Terminal Styling appeared first on CSS-Tricks.

Link: https://css-tricks.com/old-timey-terminal-styling/