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
518
sergioarmijo30
Abrir en el editor
Publica tu código
Recomendado
1 March 2025
Plantilla HTML CSS para sitio web de desarrollador
26 December 2024
Un código de pan4o
21 September 2024
Control deslizante de recorrido rotatorio
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) */