कम गति वाला CSS
कम गति माँगे जाने पर सजावटी CSS एनीमेशन रोकें।
@keyframes mark-slide {
to { transform: translateX(12px); }
}
.motion-mark { animation: mark-slide 1.2s linear infinite; }
.status:focus-visible { outline: 2px solid currentColor; }
@media (prefers-reduced-motion: reduce) {
.motion-mark { animation: none; transform: none; }
}प्रोजेक्ट
दोनों प्राथमिकताएँ और कीबोर्ड फ़ोकस जाँचें तथा गति बंद होने पर स्थिति का टेक्स्ट बनाए रखें।
लागू करने से पहले समीक्षा करें
वास्तविक व्यवहार की अपेक्षित परिणाम से तुलना करें। जाँच असफल हो तो अगले बदलाव से पहले कारण समझें।
मॉडल
बेस URL और आवश्यक होने पर API कुंजी से OpenAI-संगत या Anthropic endpoint सेट करें। कनेक्शन जाँचें। स्थानीय मॉडल सर्वर चालू होना चाहिए; दूरस्थ उपकरण अलग से डेटा भेज सकते हैं।
@keyframes mark-slide {
to { transform: translateX(12px); }
}
.motion-mark { animation: mark-slide 1.2s linear infinite; }
.status:focus-visible { outline: 2px solid currentColor; }
@media (prefers-reduced-motion: reduce) {
.motion-mark { animation: none; transform: none; }
}गति की प्राथमिकताओं को इंटरफ़ेस बदलाव का हिस्सा मानें
MotionHearth जुड़े एआई मॉडल से इंटरफ़ेस बदलाव विकसित करने का Windows कोडिंग कार्यक्षेत्र है। प्रोजेक्ट फ़ोल्डर लाएँ और बताएँ कि अंतःक्रिया क्या संप्रेषित करे। संवाद घटक और स्टाइल साथ देख सकता है, जिससे प्रस्तावित एनीमेशन को उसके इच्छित स्थिति, फ़ोकस या प्रतिक्रिया के संदर्भ में जाँच सकते हैं।
motion.css से सुझाया एक कार्य कम गति के अनुरोध पर एनीमेशन जाँचना है। पूछें कि गति रुकने के बाद मौजूदा इंटरफ़ेस वही सूचना कैसे देता और कीबोर्ड फ़ोकस स्पष्ट रहता है या नहीं। ये प्रश्न नमूने को निरीक्षण योग्य अनुप्रयोग बदलाव बनाते हैं। वे अनुरोध को केवल कीफ़्रेम हटाने से व्यापक और वास्तविक स्क्रीन पर जाँचने लायक छोटा रखते हैं।
समर्थित OpenAI-संगत या Anthropic एंडपॉइंट उपलब्ध कराए तो बिना प्रतिबंध वाला एआई मॉडल चुन सकते हैं। कनेक्शन विवरण और आवश्यक प्रमाणीकरण विवरण जोड़ें, यह समझते हुए कि क्षमताएँ व प्रतिबंध मॉडल तथा सर्वर के हैं। गति चालू और कम गति दोनों में इंटरफ़ेस परखने से पहले परिणामी CSS व घटक संपादन देखें। पॉइंटर के साथ कीबोर्ड नेविगेशन भी लें। लक्ष्य दोनों प्राथमिकताओं में सुसंगत व्यवहार है जिसका आधार अनुप्रयोग का रेंडर परिणाम हो, केवल सहायक का वर्णन नहीं।
गति और अंतःक्रिया साथ जाँचना
कम गति के अनुरोध में क्या बताएँ?
चलते तत्व, उसकी दी सूचना और अपेक्षित वैकल्पिक व्यवहार का नाम दें। संबंधित घटक और स्टाइलशीट शामिल करें। इससे प्रस्तावित बदलाव उपयोगकर्ता का नुकसान सोचे बिना गति हटाने के बजाय उपयोगी प्रतिक्रिया बचाता है।
क्या रुका एनीमेशन वर्तमान स्थिति छिपा सकता है?
यदि गति ही एकमात्र संकेत थी तो हाँ। एनीमेशन बंद होने पर शेष पाठ, आकार या स्थिति चिह्न देखें। इंटरफ़ेस के अनुरूप विकल्प माँगें और पूरी अंतःक्रिया में स्पष्ट रहना जाँचें।
गति बदलाव में कीबोर्ड फ़ोकस क्यों परखें?
एनीमेटेड नियंत्रण के पास की स्टाइल उसके फ़ोकस संकेत को भी प्रभावित कर सकती हैं। कीबोर्ड से बदली स्क्रीन में जाएँ और सक्रिय तत्व की पुष्टि करें। केवल कीफ़्रेम समीक्षा से पूरी अंतःक्रिया समझने योग्य रहना सिद्ध नहीं होता।
मॉडल स्रोत फ़ाइलों से कितना सत्यापित कर सकता है?
अपने संदर्भ और उपकरणों में उपलब्ध कोड की व्याख्या सुझा सकता है। आपको फिर भी रेंडर स्थितियाँ देखनी और प्रोजेक्ट जाँच चलानी हैं। गायब स्क्रीन, स्टाइल या रनटाइम स्थितियों को समीक्षा की सीमा मानें।
MotionHearth · अपडेट किया गया 2026-10-25