free to customize these snippets to fit your design needs!
this Gradient Background Animation, can you use and copy code or download
You can try the code in the code editor to see the code directly Code Editor.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fading Text Loader</title>
<style>
body, html {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #282c34;
color: #D4D5D9;
font-family: Arial, sans-serif;
font-size: 24px;
letter-spacing: 2px;
}
.loading-text {
animation: fade 1.5s infinite;
}
@keyframes fade {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
</style>
</head>
<body>
<div class="loading-text">Loading...CodezillaYe</div>
</body>
</html>