WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
लोडिंग आइकन 1
709
ByBy.inc
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
10 February 2025
bachir123 द्वारा एक कोड
3 January 2025
एडोनिस1887 द्वारा लिखित एक कोड
5 January 2024
रोटेटिंग सर्कल लोडिंग पेज
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) */