Sunday 13 June 2021

Digital Animation With HTML And Javascript




-------------------------------
Code :-

<html>
  <head>
    <link href="http://fonts.cdnfonts.com/css/led-digital-7" rel="stylesheet">
    <style>
      div {
        font-family: 'LED Digital 7', sans-serif;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
      }
    </style>
  </head>
  <body>
    <div id="appear"></div>
  </body>
  <script type="text/javascript">
    var string="UNPOSSIBLE-POG";
    var final_string=""; 
    for(let i=1;i<=(string.length)*4;i++)
    {
       
      setTimeout(function deplay_this(){ 
        var to_display="";
        if(i%4==3){
          to_display=final_string+"8";
        }
        if(i%4==2){
          to_display=final_string+"0";
        }
        if(i%4==1){
          to_display=final_string+"1";
        }
        if(i%4==0){
          final_string=final_string+string[(i/4)-1];
          to_display=final_string;
        }
        document.getElementById("appear").innerHTML=to_display; 

      }, i*100);
      
    }
  </script>
</html>

-------------------------------

Subscribe my Channel:- http://www.youtube.com/user/SanketRooney?sub_confirmation=1


Facebook Page:- https://www.facebook.com/UnpossibleNS


Twitter Account:- https://twitter.com/UnpossiblePOG


Blog :- https://unpossiblepog.blogspot.in/


No comments:

Post a Comment