Scribd
Upload
10 views1 page

File 3

This document is an HTML page designed to display a loading animation. It features a circular loader that spins continuously, with a red top and blue bottom border. The page is styled to center the loader in the viewport with a light gray background.

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
10 views1 page

File 3

This document is an HTML page designed to display a loading animation. It features a circular loader that spins continuously, with a red top and blue bottom border. The page is styled to center the loader in the viewport with a light gray background.

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;
border-radius: 50%;
border: 3mm solid transparent;
border-top: 3mm solid red;
border-bottom: 3mm solid blue;
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