WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Frammento di caricamento HTML
37
sergioarmijo30
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
28 February 2025
Un codice di securearray494
23 July 2025
Modello HTML CSS per scheda profilo neumorfica
28 July 2025
Fumetto HTML con design SVG
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) */
