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

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 *