Qristy

I'm writing my jam game as a web game, using HTML/CSS/JS (React). I can't get over how effective this super lazy "CRT effect" is.

background: var(--black);
text-shadow:
-2px 0px 2px var(--pink),
2px 0px 2px var(--darker-cyan);
color: var(--cyan);

That's it!

Feb 23 at 10:46pmWeb
Show threadSage 🌿Feb 23

@qristy had to make a codepen for this in case anyone else wanted to try. i had to guess your pink and darker-cyan values since they are blurred in the image, idk what the font is, but otherwise 100% agree this effect is super great :o

https://codepen.io/wavebeem/pen/JoRPQOj?editors=1100

CRT effect

...

Show threadQristyFeb 24

@wavebeem this is awesome! You clearly don't need my exact values to achieve this look! But for me the font is VT323, and the colors are:
--cyan: #5fe4e4;
--darker-cyan: #41bcbc;
--pink: #db7497;

EDIT: I forgot the color codes would render as hashtags lmaoooooo

Show threadSage 🌿Feb 24
@qristy ohh, i got the font right!! and the other colors were close enough hehe. thanks for sharing this!!! i updated the codepen
Show threadJoseph CrailFeb 24

@wavebeem @qristy Thanks! I forked your codepen and added a working Cobol program I wrote some time again. It definitely gives me a little nostalgia when I first learned Cobol on VT100/VT220s.

https://codepen.io/jbcrail/pen/YPGzEmN

CRT effect

...

Show threadJoseph CrailFeb 24
@qristy I love this!