22 Aug 2015

How to give TEXT SHADOWS using just HTML and CSS

First create html file as given here for Text Shadows:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/primary.css">
    </head>
    <body>
        <p class="shadow">
            Hello, I have a shadow.
        </p>
    </body>
</html>

Create CSS file as given here:

p{
    margin: 0;
    font-size: 1.6em;
}
p.shadow{
    text-shadow: 5px 5px red, 10px 10px green;
}

Share:

0 comments:

Post a Comment