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

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 672
    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
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
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: