1 repository
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
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- rich-harris/ramjet
Rich-Harris/ramjet
5,438Vezi pe GitHubRamjet este un motor de animație JavaScript și o bibliotecă de morphing a elementelor DOM. Aceasta funcționează ca un utilitar de tranziție care animează mișcările și dimensiunile între diferite elemente HTML pentru a crea schimbări vizuale între stările interfeței. Biblioteca se specializează în morphing-ul elementelor cross-tree, ceea ce îi permite să animeze poziția și dimensiunile unui element pentru a se potrivi cu altul, indiferent de locația lor relativă în ierarhia documentului. Realizează acest lucru prin calcularea offset-urilor vizuale și utilizarea unui mecanism de clonare personalizabil pentru a crea proxy-uri vizuale temporare. Sistemul gestionează mișcarea organică prin funcții de timing personalizate și curbe de easing. Coordonează aceste transformări utilizând translații accelerate hardware și controlul opacității pentru a face tranziția elementelor fără a declanșa reflow-ul layout-ului browserului.
Pairs elements for transition regardless of their nested position in the document hierarchy using unique identifiers.
JavaScriptanimationcssdom
