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

  • Text-shadow

    @ashish.kumar
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 228
    Comment on it

    Text-shadow:-
    The text-shadow declaration allows you to create a text shadow. Each shadow is specified as an offset from the text, along with optional color and blur radius values.

    Syntax:-
    text-shadow: h-shadow v-shadow blur color;


    As you see text-shadow accepts four values:
    1) value = The X-coordinate
    2) value = The Y-coordinate
    3) value = The blur radius
    4) value = The color of the shadow

    Example:-
    The example makes clear text-shadow should be used moderately.

    HTML:-

    <!DOCTYPE html>
<html>
    <head>
        <title>Text-shadow</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <div class="textShadowOne"> Text-shadow </div>
        <div class="textShadowTwo">Text-shadow</div>
    </body>
</html>



    CSS:- 

    .textShadowOne {
    text-shadow: 5px 5px 2px #1C7BCB;
    font-size: 40px;
    font-weight: bold;
    color: #000000;
}
.textShadowTwo {
    text-shadow: 3px 4px #ddd;
    font-size: 35px;
    font-weight: bold;
    color: #000;
    padding-top: 40px;
}





    Images:-



    Text-shadow
    html css3
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           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: