1 مستودع
Awesome GitHub RepositoriesCross-Tree Element Pairing
Mechanisms for matching elements across different document hierarchies using unique identifiers for transitions.
Distinguishing note: No candidate covers the pairing of disparate DOM nodes for the purpose of visual morphing.
Explore 1 awesome GitHub repository matching user interface & experience · Cross-Tree Element Pairing. Refine with filters or upvote what's useful.
Awesome Cross-Tree Element Pairing GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- rich-harris/ramjet
Rich-Harris/ramjet
5,438عرض على GitHubRamjet هو محرك رسوم متحركة لـ JavaScript ومكتبة لتحويل عناصر DOM. يعمل كأداة انتقال تقوم بتحريك الحركات والأبعاد بين عناصر HTML مختلفة لإنشاء تحولات بصرية بين حالات الواجهة. تتخصص المكتبة في تحويل العناصر عبر الشجرة، مما يسمح لها بتحريك موضع وأبعاد عنصر ليتطابق مع عنصر آخر بغض النظر عن موقعهما النسبي في تسلسل المستند الهرمي. تحقق ذلك عن طريق حساب الإزاحات البصرية واستخدام آلية استنساخ قابلة للتخصيص لإنشاء وكلاء بصريين مؤقتين. يدير النظام الحركة العضوية من خلال وظائف توقيت مخصصة ومنحنيات تخفيف. ينسق هذه التحويلات باستخدام ترجمات مسرعة بالأجهزة وتحكم في الرؤية يعتمد على التعتيم لنقل العناصر دون تشغيل إعادة تدفق تخطيط المتصفح.
Pairs elements for transition regardless of their nested position in the document hierarchy using unique identifiers.
JavaScriptanimationcssdom
