crt effect tutorial

this is based on this tutorial here but vastly simplified and the flicker effet has been toned down!

firstly, paste this code anywhere in your css file or the < style > section of your html. you can adjust the intensity of the flicker by messing with the opacity values in the keyframes section of this css code. you can look at how the keyframes were coded in the original and mess with that until you get an effect you like.



next, you'll need to paste this snippet anywhere in the < head> tag of your html.



and it should work as planned! you should be able to see the effect in this page itself as well as my main page.

HOWEVER: for some reason all my pages had an issue where the effect would not cover the page and had a weird 10-pixel margin around the edges. to fix this, i simply changed the entire < body > tag to this.