WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Fragmento de carga HTML
23
sergioarmijo30
Abrir en el editor
Publica tu código
Recomendado
19 March 2025
Botón de confeti
11 June 2025
Un código de alejandrokundrah
12 April 2025
Un código de Farah
HTML
Copy
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sxrgxx</title> <link rel="stylesheet" href="styles.css"> </head> <body> <span class="loader"></span> </body> </html>
CSS
Copy
body { background: #000000; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .loader { display: block; width: 84px; height: 84px; position: relative; } .loader:before , .loader:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 64px; height: 64px; border-radius: 50%; background: #ffffff; transform: translate(-50% , -100%) scale(0); animation: push_401 2s infinite linear; } .loader:after { animation-delay: 1s; } @keyframes push_401 { 0% , 50% { transform: translate(-50% , 0%) scale(1) } 100% { transform: translate(-50%, -100%) scale(0) } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
