Scribd
Upload
6 views1 page

File 1

This document is an HTML template for a loading page featuring a spinning loader animation. The loader is styled with a conic gradient of red and blue colors and is centered on the page. The CSS includes keyframes for the spinning effect, creating a visually appealing loading indicator.

Uploaded by

bolap14336
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views1 page

File 1

This document is an HTML template for a loading page featuring a spinning loader animation. The loader is styled with a conic gradient of red and blue colors and is centered on the page. The CSS includes keyframes for the spinning effect, creating a visually appealing loading indicator.

Uploaded by

bolap14336
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading Page</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
.loader {
width: 100px;
height: 100px;
position: relative;
border-radius: 50%;
background: conic-gradient(red 0deg 180deg, blue 180deg 360deg);
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="loader"></div>
</body>
</html>

You might also like