How to Set Shadow of Text | Cascading Style Sheet | Use of CSS With HTML

introduction-of-css

How to Set Text Shadow





If you want to learn that how can you use text shadow for your website or webpage then you should use text-shadow CSS property. Here you will get all information about text shadow property. Here we will describe it with example. Here some points are given below:

  • The text-shadow property applies shadow to text.
  • Text-shadow v-shadow blur color;

Properties:

Value Description
h-shadow Required. The position of horizontal shadow.
v-shadow Required. The position of vertical shadow.
Blur-radius Optional. The blur radius.
Color The color of shadow.





Syntax:

ElecmentSelector{

                                                text-shadow:20px 20px 5px gray;

                                }

Example:

<html>

    <head>

        <style type="text/css">

            h1{

                color:red;

                text-shadow:2px 4px 5px orange;

            }

        </style>

    </head>

    <body>

        <h1>WELCOME</h1>

    </body>

</html>





Output:

text-shadow



Leave a Reply

Your email address will not be published. Required fields are marked *