WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
डॉट्स लोडिंग स्क्रीन
3103
loader7
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
10 September 2024
नेटफ्लिक्स लोडिंग पेज
23 September 2025
CSS लोडिंग एनीमेशन HTML स्निपेट
9 October 2025
CSS एनिमेशन: लोडिंग सर्कल प्रभाव
HTML
Copy
Loading Screen
CSS
Copy
body { display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background-color: #34495e; } .loader { display: flex; justify-content: space-between; width: 100px; } .circle { width: 20px; height: 20px; background-color: #fff; border-radius: 50%; animation: fade 1s infinite; } .circle:nth-child(1) { animation-delay: 0.2s; } .circle:nth-child(2) { animation-delay: 0.4s; } .circle:nth-child(3) { animation-delay: 0.6s; } @keyframes fade { 0%, 20%, 100% { opacity: 0.2; } 50% { opacity: 1; } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */