WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Cargador de Pulso en CSS
3961
loader7
Abrir en el editor
Video
Publica tu código
4
Recomendado
17 July 2025
Calculadora científica
30 January 2025
Página de inicio de Chef personal
29 June 2024
Plantilla de formulario de inicio de sesión de materiales
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</title> <link rel="stylesheet" href="/css/styles1.css"> </head> <body> <div class="loader"></div> </body> </html>
CSS
Copy
body{ background-color: #2ecc71; display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden; margin: 0; } .loader{ height: 50px; width: 50px; border:8px solid #fff; border-radius: 50%; animation: pulse 1s ease-in-out infinite; } @keyframes pulse{ 0%,100%{transform: scale(1);} 50%{transform: scale(1.2);} }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
