WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
CSS लोडिंग आइकन स्पिनर
926
byby.createsite
संपादक में खोलें
Video
अपना कोड प्रकाशित करें
0
अनुशंसित
3 July 2025
फिटनेस जिम वेबसाइट HTML CSS टेम्पलेट
19 November 2025
CSS स्टाइलिंग के साथ एनिमेटेड HTML रजिस्टर फ़ॉर्म
23 August 2025
लॉगिन और पंजीकरण फ़ॉर्म HTML CSS टेम्पलेट
HTML
Copy
CSS
Copy
* { margin: 0; padding: 0; } body{ background: rgb(0, 0, 0); width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: monospace; } /* argola no centro */ .loading-icon-1{ width: 50px; height: 50px; background: transparent; border-radius: 100%; border:solid 2px white; display: flex; align-items: center; justify-content: end; } /* after com o elemento dentro e uma animação simples de rotação 360deg com origem -50% pois o justify-content está no end */ .loading-icon-1::after{ content: '⚪'; animation:1.5s loader linear infinite; transform-origin: -50%; } /*animação simples */ @keyframes loader{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */