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

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 206
    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

 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: