TheMultiPlug

  Input: Source Code Output:

Input: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>Index</title>     <style>     .ball{     height: 150px;     width: 150px;     background: #009578;     border-radius: 50%;     animation: ball 2s infinite;     }          @keyframes ball{     0%{     opacity: 0;     transform: scale(0);     }     50%{     opacity: 1;     transform: scale(1);     }     100%{     opacity: 0;     transform: scale(1);     }     }     </style> </head> <body>     <div class="ball"></div> </body> </html> Output: Index Check the code

Input: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>Index</title>     <style>     .button{     padding: 10px;     background: #009578;     border: none;     outline: none;     border-radius: 10px;     color: #ffffff;     }     </style> </head> <body>     <div>         <button class="button" onclick="location.href=' https://themultiplug.ml /'">Click Here</button>     </div> </body> </html> Output: Index Click Here Check the code

 Making Scrolling Text in HTML Input : <!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>Document</title> </head> <body>     <p>         <marquee behavior="scroll" direction="left">This is a moving text</marquee>     </p> </body> </html> Output: Document This is a moving text Document Check the code