WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML लोडर स्निपेट
37
sergioarmijo30
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
2 September 2025
YouTube एम्बेड और ग्लिच प्रभाव के साथ HTML टीवी स्क्रीन
15 May 2025
ईकॉमर्स वेबसाइट टेम्पलेट HTML CSS
23 September 2025
CSS फॉलिंग लोडिंग एनिमेशन स्निपेट
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) */
