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 ANIMATED LOGIN FORM SOURCE CO DE COPY THIS HTML AND CSS CODE <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < title > Document </ title > </ head > < body > < html > < head >      < title > Animated login form </ title > < link   rel = "stylesheet"   href = "style.css" > </ head > < body >     < section >      < form   class = "box"   action = "index.html"   method = "post" >               < h1 > login </ h1 >           < input   type = "text"   name = ""   placeholder = ...
Read more
Image
 HELLO HERE IS 3D LAYER SOCIAL ICONS SOURCE CODE    YOU MUST HAVE INTERNET CONNECTION TO RUN THIS PROJECT ! 1-COPY THIS HTML CSS CODE <html> <head>  <title>CSS SOCIAL MEDIA ICON HOVER EFFECTS</title>     <link rel="stylesheet" type="text/css" href="style.css">     <link href="https://stackpath.bootstrapcdn.com/      font-awesome/4.7.0/css/font-awesome.min.css"      rel="stylesheet"> </head> <body>     <ul>         <li>             <a href="#">                 <span></span>                 <span></span>                 <span></span>                 <span></span>         ...
Read more