Загрузка данных

<html>
<head>
<style>
    body {
        background-color: rgb(216, 233, 122);
    }

    p {
        text-align: center;
        line-height: 150px;
        font-size: 40px;
        font-weight: bold;
    }

    /* 8 теней */
    .shadow1 {
        color: blue;
        text-shadow:
            1px 1px 0 red,
            2px 2px 0 orange,
            3px 3px 0 yellow,
            4px 4px 0 green,
            5px 5px 0 cyan,
            6px 6px 0 blue,
            7px 7px 0 violet,
            8px 8px 0 black;
    }

    /* Тень вправо */
    .shadow2 {
        color: darkred;
        text-shadow: 10px 0px 5px gray;
    }

    /* Тень влево */
    .shadow3 {
        color: darkgreen;
        text-shadow: -10px 0px 5px gray;
    }

    /* Неоновый эффект */
    .shadow4 {
        color: #00ffff;
        text-shadow: 0px 0px 6px #00ffff;
    }
</style>
</head>

<body>

    <p class="shadow1">Множественная тень</p>

    <p class="shadow2">Тень вправо</p>

    <p class="shadow3">Тень влево</p>

    <p class="shadow4">Неоновый текст</p>

</body>
</html>