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

    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.

    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

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


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


    .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;



 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: