BYE THE BLUETOOTH EAREPHONE   LINK  πŸ‘‰πŸ» buy this earephone   Also visit my storeπŸ‘‰πŸ» https://amzn.to/3jnXio8 Samsung Galaxy M42 5G (Prism Dot Black, 8GB RAM, 128GB Storage) πŸ‘‰πŸ» https://amzn.to/3ymO5jW Studd Halmets  https://amzn.to/3sTTxcY                                        Boya m1 mic =  https://amzn.to/38F5qu5   Bluethooth boat 210  https://amzn.to/2ZfvlHp Cap  https://amzn.to/3EvQMnA Sport shoe   https://amzn.to/3kE3zwk
Post a Comment

 HERE IS GLOWING EFFECT TEXT USING HTML, CSS


1- COPY THIS HTML CSS CODE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GlowingEffects</title>
</head>

<body>
   
  <h2 contenteditable="true" class="avi">abhi+shek</h2>
   
    
      
</body>
</html>




<style>

    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: arial;
    }
    
    body{
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        background: #07252d;
    }

    
    h2{
        
        position: relative;
        font-size: 6em;
        letter-spacing: 15px;
        color: #0e3742;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        outline: none;
        -webkit-box-reflect: below 1px linear-gradient(transparent, #0004);
        line-height: 0.70em;
        animation: animate 5s linear infinite;
       
    }  
    
    @keyframes animate
    {
        0%,18%,20%,50%,1%,60%,65.1%,80%,90.1%,92%
        {
            color: #0e3742;
            text-shadow: none;
        } 
        
        18.1%,20.1%,30%,50%,60.1%,80.1%,90%,92.1%,100%{
            color: #fff;
            
            text-shadow: 0 0 10px #03bcf4,
                        0 0 20px #03bcf4,
                        0 0 40px #03bcf4,
                        0 0 80px #03bcf4,
                        0 0 160px #03bcf4;
             
        }  
    }
    
    
    
</style>

THNAK YOU HAVE A GOOD CODING JOURNEY ❀ 

Comments

Post a Comment

ads

Popular posts from this blog

Image
HELLO TO ALL HERE IS WHATSAPP TAMPLET USING HTML AND CSS follow me at instagram   -  https://www.instagram.com/_avi_bisht777_/ 1- COPY THIS HTML 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" > < link   rel = "stylesheet"   href = "https://stackpath.bootstrapcdn.com/ font-awesome /4.7.0/css/font-awesome.min.css" >      < link   rel = "stylesheet"   href = "whatsapp.css" >      < title > WhatsApp </ title > </ head > < body >      < container   id = "main" >          < div ...
Read more
Image
  HERE IS FACEBOOK LOGIN TEMPLET    COPY THIS HTML CSS 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 > FACEBOOK LOGIN </ title > </ head > < body >      < section   class = "sec" >          < div   class = "head" >              < h2 > Facebook </ h2 >          </ div >          < div   class = "login" >     ...
Read more