WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Página de Carga con Círculo Giratorio
3076
loader7
Abrir en el editor
Publica tu código
Recomendado
28 June 2025
Duelo de cambiaformas
30 August 2024
Animaciones impulsadas por desplazamiento Detección de desplazamiento
29 August 2025
Ejemplo de contenedor de animación CSS
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) */
