CSS Text Shodow

CSS Text Shadow CSS text shadow result will be accustomed add shadow to text and to components. In its simplest use, you merely specify the horizontal shadow and also the vertical shadow.
Syntax:- text-shadow: horizontal-shadow vertical-shadow blur-radius color;
The first worth specifies the “horizontal distance” and also the second specifies the “vertical distance” of the shadow. The third worth specifies the “blur radius” and also the last worth describes the “color” of the shadow:

value= The X-coordinate
value= The Y-
value = The blur radius
value = the colour of the

Text Shadow

The CSS text-shadow property applies shadow to text.

Code:-

<!DOCTYPE html>
<html>
<head>
    <title>Example of text shadow</title>
</head>
<body>
    <h1>Gurukulzone SRCS</h1>
    <p style="text-shadow: 1px 2px 4px green;">Hello...
        This is the exmple of text-shadow.</p>
    <h2 style="text-shadow: 2px 2px 5px Yellow;">Hello...
        This is the exmple of text-shadow.</h2>

</body>
</html>

Output:-

Multiple Shadow To add quite one shadow to the text, you’ll be able to add a comma-separated list of shadows.

Code:-

<!DOCTYPE html>
<html>
<head>
    <title>Example of Multiple shadow</title>
    <style type="text/css">
        h2{
            color: white;
            text-shadow: 1px 1px 2px black, 0 0 25px blue, 
            0 0 5px darkblue;
        }
    </style>
</head>
<body>
    <h1>Gurukulzone SRCS</h1>

    <h2>Hello...This 
    is the exmple of Multiple-shadow.</h2>

</body>
</html>

Output:-