1 रिपॉजिटरी
Awesome GitHub RepositoriesNested Transform Neutralization
Techniques for applying inverse transformations to child elements to prevent visual distortion when a parent is scaled.
Distinct from Transformation Matrix Inversion: Unlike matrix inversion, this is specifically for preventing child element warping during UI parent animations.
Explore 1 awesome GitHub repository matching user interface & experience · Nested Transform Neutralization. Refine with filters or upvote what's useful.
Awesome Nested Transform Neutralization GitHub Repositories
AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
- aholachek/react-flip-toolkit
aholachek/react-flip-toolkit
4,190GitHub पर देखेंreact-flip-toolkit React के लिए एक निर्देशांक-आधारित ट्रांज़िशन फ्रेमवर्क और लेआउट एनीमेशन लाइब्रेरी है। यह तत्वों की स्थिति की गणना करने के लिए एक मैजिक-मूव तकनीक का उपयोग करती है, जो इंटरपोलेशन और भौतिकी के माध्यम से लेआउट शिफ्ट के दौरान झटकेदार जंप को रोकती है। यह लाइब्रेरी एक स्प्रिंग-आधारित मोशन इंजन प्रदान करती है जो लेआउट और स्टाइल परिवर्तनों के लिए प्राकृतिक गति बनाने के लिए स्टिफनेस और डैम्पिंग सेटिंग्स का उपयोग करती है। इसमें साझा तत्व ट्रांज़िशन के लिए विशेष टूल्स शामिल हैं, जो विभिन्न पेजों के बीच निरंतरता बनाए रखने के लिए क्लाइंट-साइड रूट परिवर्तनों के दौरान विज़ुअल गतिविधियों का समन्वय करते हैं। यह सिस्टम लेआउट ट्रांज़िशन एनिमेशन और नॉन-लेआउट प्रॉपर्टी इंटरपोलेशन को कवर करता है। यह स्टैगर्ड एनीमेशन अनुक्रमण के माध्यम से समय को प्रबंधित करता है और इसमें पैरेंट कंटेनर के स्केल होने पर चाइल्ड तत्वों को मुड़ने से रोकने के लिए ट्रांसफॉर्म न्यूट्रलाइज़ेशन शामिल है। यह फ्रेमवर्क विशिष्ट जीवनचक्र मील के पत्थर पर लॉजिक निष्पादित करने के लिए एनीमेशन कॉलबैक ट्रिगर भी प्रदान करता है।
Prevents child elements from warping or distorting when their parent container undergoes a scale or translation transition.
TypeScriptanimation-libraryflip-animationslayout-animation
