WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Cargando Página
4759
K0derski
Abrir en el editor
Video
Publica tu código
0
Recomendado
18 August 2024
Página de venta de sillas
24 December 2023
Página de Aterrizaje de Cafetería
30 May 2025
Codificación manual de la página de inicio de sesión de Facebook
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 page</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <div class="loader"></div> </body> </html>
CSS
Copy
body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: linear-gradient(135deg, #3498db, #e74c3c); } .loader { width: 100px; height: 100px; border: 4px solid #3498db; border-top: 4px solid #e74c3c; border-radius: 50%; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
JS
Copy
