Skip to main content

Make Glowing Red Subscribe Gif Using HTML And CSS | Coding With Roannie | OT |

 Make Glowing Red Subscribe Gif Using HTML And CSS | Coding With Roannie | OT |


Source Code:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            margin0;
            padding0;
            font-familyArialHelveticasans-serif;
            box-sizingborder-box;
            displayflex;
            justify-contentcenter;
            align-itemscenter;
            min-height100vh;
            background-colorrgb(535371);

        }
        div{
            letter-spacing15px;
            font-size60px;
            font-weightbold;
            colorrgb(836897);
            positionrelative;
            width100%;
            text-aligncenter;
            animation: animate 5s linear infinite;
        }
        @keyframes animate{
            0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{
                color:red;
                text-shadownone;

            }
            18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%, 100%{
                colorwhite;
                text-shadow0 0 10px red,
                0 0 20px red,
                0 0 40px red,
                0 0 80px red,
                0 0 160px red;
            }
        }
    </style>
</head>
<body>
    <div>SUBSCRIBE</div>
</body>
</html>