Fading Text Loader

Fading Text Loader
Fading Text Loader

free to customize these snippets to fit your design needs! 
this Gradient Background Animation, can you use and copy code or download 


You can try the code in the code editor to see the code directly Code Editor.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fading Text Loader</title>
    <style>
        body, html {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #282c34;
            color: #D4D5D9;
            font-family: Arial, sans-serif;
            font-size: 24px;
            letter-spacing: 2px;
        }

        .loading-text {
            animation: fade 1.5s infinite;
        }

        @keyframes fade {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <div class="loading-text">Loading...CodezillaYe</div>
</body>
</html>