1 repository
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
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- aholachek/react-flip-toolkit
aholachek/react-flip-toolkit
4,190Vezi pe GitHubreact-flip-toolkit este un framework de tranziție bazat pe coordonate și o bibliotecă de animație de layout pentru React. Utilizează o tehnică de tip „magic-move” pentru a calcula pozițiile elementelor, prevenind săriturile bruște în timpul schimbărilor de layout prin interpolare și fizică. Biblioteca oferă un motor de mișcare bazat pe arcuri (spring-based) care utilizează setări de rigiditate și amortizare pentru a crea o mișcare naturală pentru schimbările de layout și stil. Include instrumente specializate pentru tranziții de elemente partajate, care coordonează mișcările vizuale pe parcursul schimbărilor de rută client-side pentru a menține continuitatea între pagini diferite. Sistemul acoperă animațiile de tranziție de layout și interpolarea proprietăților non-layout. Gestionează sincronizarea prin secvențierea animațiilor eșalonate și include neutralizarea transformărilor pentru a preveni deformarea elementelor copil atunci când un container părinte se scalează. Framework-ul oferă, de asemenea, declanșatoare de callback pentru animații pentru a executa logica la etape specifice ale ciclului de viață.
Prevents child elements from warping or distorting when their parent container undergoes a scale or translation transition.
TypeScriptanimation-libraryflip-animationslayout-animation
