Gradient Background Animation Using Only HTML & CSS





HTML AND CSS CODE:-

<!doctype html>
<html>
 <head>
  <style>
   body{
 margin:0px;
 padding: 0px;
 background-color: #0a0a0a;
}
h1{
 width: 100%;
 text-transform: uppercase;
 text-align: center;
 top:70%;
 font-size: 65px;
 font-family: monospace;
 background:linear-gradient(to right, #0a00ff,#4c9a4c,#a4a4fd,#fcfc46);
 -webkit-text-fill-color:transparent;
 -webkit-background-clip:text;

}
  </style>
 </head>
 <body>
  <h1>
   hello everyone........
  </h1>
 </body>
</html>

Comments

Popular posts from this blog

Client Side Scripting Vs Server Side Scripting

The 5 Best WYSIWYG HTML Editors

About CSS