Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • Blurry Text

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 653
    Comment on it

    Hi all.

    We try all sorts of shadow and color properties to make our text look unique and richer visually.

    In this blog post, I will tell you how to create a simple blurry text using two of the simplest properties, text-shadow and color.

    One major strategy to creating a blurry text is to make the text color transparent but also adding a shadow to it.

    HTML :

    <p class="blur">Blurry</p>


    CSS :

    .blur {
       color: transparent;
       text-shadow: 0 0 5px rgba(0,0,0,0.5);


    OUTPUT :


    Happy Coding!

    Blurry Text

 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: