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:

CSS3 Text effect


Please do check the image above , My question is instead of writting the "CORPORATE SOCIAL RESPONSIBILITY" in photoshop , is it possible to wrtite it in CSS with a similar textual effect(note that the text is glowing and has a nice cool effect , which is relatively easy to create in PS but is it possible in CSS/CSS3 ??) .

Thanks .


Syndicate content