Text shadow

<!DOCTYPE html>
<html>

<head>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            text-align:center;
        }
        .anything1 p {
            color: #fff;
            text-shadow: 5px 0px 1px #000;
            font-size: 50px;
            margin-bottom: 30px;
        }
        .anything2 p {
            color: #fff;
            text-shadow: 1px -5px 10px #000;
            font-size: 50px;
            margin-bottom: 30px;
        }
        .anything3 p {
            color: #fff;
            text-shadow: 1px 1px 1px #000, -10px 0 10px #0bf, 0 0 10px #b06;
            font-size: 50px;
            margin-bottom: 30px;
        }
        .anything4 p {
            color: #fff;
            text-shadow: 1px 1px 1px #000, -10px 0 10px #0bf, 0 0 10px #b06;
            text-shadow: -1px 0 0 #0bf, 0 1px 0 #0bf, 1px 0 0 #0bf, 0 -1px 0 #0bf;
            font-size: 50px;
            margin-bottom: 30px;
        }
    </style>
</head>

<body>
    <div class="anything1">
        <p>Text Shadow</p>
    </div>
    <div class="anything2">
        <p>Text Shadow</p>
    </div>
    <div class="anything3">
        <p>Text Shadow</p>
    </div>
    <div class="anything4">
        <p>Text Shadow</p>
    </div>

<br><br>
<a href="https://anything-learn.blogspot.com/2018/10/css-text-shadow.html" style="color:#333;  bottom:5px; left:0; right:0; margin:auto; text-align:center; font-family:arial; font-size:11px" target="_blank"><b>Refrence Link:</b> https://anything-learn.blogspot.com/2018/10/css-text-shadow.html</a>
</body>

</html>