Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design CSS Blurred Text Effect

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #245825
    tbeltz8
    Participant

    I did this on accident, but it’s pretty neat. To create a pure css blurred text effect, make the color of the text transparent

    h1{color:transparent;}

    and add a text-shadow with a blur radius to your desired effect

    h1{text-shadow: 0px 0px 5px #000;}

    Here’s the codepen: http://codepen.io/anon/pen/jrBbor

    #245832
    Paulie_D
    Member

    I like it for when you just want to blur the text.

    Other than that we have a CSS filter that does much the same

    h1 {
      filter:blur(2px);
      font-size: 50px;
    }
    

    http://codepen.io/Paulie-D/pen/WGpAQG

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design’ is closed to new topics and replies.