1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS & SVG Filters: 80s Text Effects

Discussion in 'CSS' started by inegoita, Jul 22, 2019.

  1. #1
    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 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
    [​IMG]


    let me know what you think!
    SEMrush
    John
     
    inegoita, Jul 22, 2019 IP
    SEMrush
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    8,926
    Likes Received:
    1,625
    Best Answers:
    232
    Trophy Points:
    515
    #2
    Whilst I really hate slopping SVG into the markup, that you use the actual CDATA in the markup as the basis for this is absolutely perfect.

    Shame the content() function is not real world ready for deployment, you could axe the data-text attribute.

    https://www.w3.org/TR/css-gcpm-3/#content-function-header

    But the browser makers are dragging their heels again.
     
    deathshadow, Jul 22, 2019 IP