Advertisement
Mark2020H

Index page for animated text

Jan 17th, 2022
980
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.42 KB | None | 0 0
  1. <-- ! Html File -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <link rel="stylesheet" href="index.css">
  9.  
  10.     <title>Happy Birthday</title>
  11.  
  12. </head>
  13. <body>
  14.    
  15.    
  16.     <div class ="wrapper">
  17.  
  18.  
  19.         <p class ="caption">Have a lovley day from Mark</p>
  20.    
  21.         <div class="waviy">
  22.           <span style="--i:1">H</span>
  23.           <span style="--i:2">a</span>
  24.           <span style="--i:3">p</span>
  25.           <span style="--i:4">p</span>
  26.           <span style="--i:5">y</span>
  27.           <span style="--i:6"></span>
  28.           <span style="--i:7">B</span>
  29.           <span style="--i:8">i</span>
  30.           <span style="--i:9">r</span>
  31.           <span style="--i:10">t</span>
  32.           <span style="--i:11">h</span>
  33.           <span style="--i:12">d</span>
  34.           <span style="--i:13">a</span>
  35.           <span style="--i:14">y</span>
  36.           <span style="--i:1"></span>
  37.           <span style="--i:2">J</span>
  38.           <span style="--i:3">a</span>
  39.           <span style="--i:4">c</span>
  40.           <span style="--i:6">q</span>
  41.           <span style="--i:7">u</span>
  42.           <span style="--i:8">i</span>
  43.        
  44.          </div>
  45.          
  46.          </div>
  47.            
  48.        
  49.        
  50.        
  51.            
  52.      
  53. </body>
  54. </html>
  55.  
  56.  
  57.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement