WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Rotating Circle Loading Page
3139
loader7
Open In Editor
Publish Your Code
Recommended
27 January 2025
Digital Marketing Agency Landing Page
13 September 2025
CSS Loading Bar Animation HTML
5 May 2025
Futuristic Login Page Design with Glassmorphism
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Loading Screen 1</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loader"></div> </body> </html>
CSS
Copy
body { display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background-color: #f0f0f0; } .loader { border: 8px solid #3498db; border-top: 8px solid #ecf0f1; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
