सीएसएस स्पिनर जनरेटर अनुकूलित शैलियों के साथ सीएसएस लोडिंग स्पिनर और एनिमेटेड लोडर बनाएं।

सीएसएस स्पिनर @keyframes एनिमेशन का उपयोग करके निरंतर गति बनाते हैं। बॉर्डर स्पिनर तकनीक में अधिकांश पक्षों पर एक पारदर्शी बॉर्डर और एक तरफ रंगीन बॉर्डर वाला एक गोलाकार तत्व शामिल है, फिर इसे 360 डिग्री घुमाया जाता है। डॉट्स एनिमेशन स्टैगेर्ड एनिमेशन-डिले के साथ बाउंसिंग प्रभाव बनाने के लिए स्केल ट्रांसफ़ॉर्म का उपयोग करता है। पुल्स एनिमेशन एक तत्व को 0 से 1 तक स्केल करता है जबकि अपारदर्शिता फेडिंग होती है। सभी एनिमेशन animation: name duration timing-function iteration-count का उपयोग करते हैं। इटरेशन-काउंट को अनंत तक सेट करने से निरंतर लूपिंग सुनिश्चित होती है। एनिमेशन-टाइमिंग-फ़ंक्शन (ease, linear, ease-in-out) गति वक्र को नियंत्रित करता है। एक्सेसिबिलिटी के लिए, स्पिनर में role="status" और aria-label जोड़ें। उपयोगकर्ताओं के लिए कम गति वाली प्राथमिकता वाले उपयोगकर्ताओं के लिए एनिमेशन को अक्षम या कम करने के लिए prefers-reduced-motion मीडिया क्वेरी का उपयोग करने पर विचार करें।