WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Frammento di caricamento HTML
520
sergioarmijo30
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
13 September 2025
Animazione di caricamento CSS: caricatore di ellissi
25 November 2025
La leggenda di Zelda
18 September 2024
Pulsante di accesso
HTML
Copy
Sxrgxx
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) */