CSS स्क्रॉल ऐनिमेशन बिल्डर
Effect, दूरी, अवधि और easing चुनकर ऐसा CSS बनाएँ जो JavaScript के बिना दिखे और reduced motion माने।
मान चुनकर बनाएँ। स्थानीय रूप से बनता है; JavaScript बिना fallback दिखता है।
उपयोग कैसे करें
उपयोग कैसे करें
- Effect और सीमित संख्याएँ चुनें।
- बना हुआ CSS और वैकल्पिक observer script कॉपी करें।
- Element में class लगाकर keyboard और reduced motion जाँचें।
सीमित output
Values सुरक्षित सीमा में clamp होती हैं और text 200 characters तक सीमित है।
Progressive enhancement
JavaScript या Observer न हो तो element दिखता रहता है; support होने पर एक बार animate होता है।
Motion preference
prefers-reduced-motion transition बंद करके element को visible रखता है।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
क्या library चाहिए?
नहीं। CSS और उपलब्ध होने पर browser Observer उपयोग होता है।
JavaScript न हो तो?
Default visible होने से element दिखता रहेगा।
क्या cards पर चलेगा?
हाँ। हर element पर class लगाएँ, वे अलग-अलग reveal होंगे।