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;
}
<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>
</head>
<body>
<h1>
hello everyone........
</h1>
</body>
</html>
Comments
Post a Comment