Using CSS & SVG Filters to Create Retro Text Effects

Hi guys,

I just love 80s design and I think that you can really see a big come back of the 80s in today's design. I am a programmer and I'm also a Photoshop graphic designer. I thought why not combine my 2 skills and with the help of CSS and SVG filters to try and reproduce a few 80s retro text effects using only CSS & SVG filters.

I basically searched for free 80s fonts, transformed them into web fonts and then started to create these text effects using SVG filters

Check out the full article for the Codepen demos and source code:

let me know what you think!
John