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
  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
Image
 E-Commerce Website template Design COPY THE CODE HTML CSS JS 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="./font-awesome-4.7.0/css/font-awesome.css">     <title>Shoe Center</title> </head> <body>     <div class="container">         <div class="navbar">             <div class="logo"><span class="s">S</span>hoe<span class="c">C</span>enter</div>                 <div class="bar" id="bar"> <!--                        <i class="fa fa-bars"></i>--> ...
Read more