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
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- aholachek/react-flip-toolkit
aholachek/react-flip-toolkit
4,190عرض على GitHubreact-flip-toolkit هو إطار عمل للانتقالات القائمة على الإحداثيات ومكتبة رسوم متحركة للتخطيط لـ React. يستخدم تقنية "الحركة السحرية" لحساب مواضع العناصر، مما يمنع القفزات المزعجة أثناء تغييرات التخطيط من خلال الاستيفاء والفيزياء. توفر المكتبة محرك حركة قائماً على الزنبرك (Spring-based) يستخدم إعدادات الصلابة والتخميد لإنشاء حركة طبيعية لتغييرات التخطيط والنمط. وتتضمن أدوات متخصصة لانتقالات العناصر المشتركة، والتي تنسق الحركات البصرية عبر تغييرات المسار في جانب العميل للحفاظ على الاستمرارية بين الصفحات المختلفة. يغطي النظام رسوم الانتقال للتخطيط واستيفاء الخصائص غير المتعلقة بالتخطيط. ويدير التوقيت من خلال تسلسل الرسوم المتحركة المتداخلة ويتضمن تحييد التحويل (Transform neutralization) لمنع العناصر الفرعية من التشوه عند تغيير حجم الحاوية الأصلية. كما يوفر إطار العمل مشغلات استدعاء (Callbacks) لتنفيذ المنطق في مراحل محددة من دورة الحياة.
Prevents child elements from warping or distorting when their parent container undergoes a scale or translation transition.
TypeScriptanimation-libraryflip-animationslayout-animation
