1 Repo
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
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- aholachek/react-flip-toolkit
aholachek/react-flip-toolkit
4,190Auf GitHub ansehenreact-flip-toolkit ist ein koordinatenbasiertes Transitions-Framework und eine Layout-Animationsbibliothek für React. Sie verwendet eine Magic-Move-Technik, um Elementpositionen zu berechnen, und verhindert durch Interpolation und Physik ruckartige Sprünge bei Layout-Verschiebungen. Die Bibliothek bietet eine federbasierte Motion-Engine, die Steifigkeits- und Dämpfungseinstellungen verwendet, um natürliche Bewegungen für Layout- und Stiländerungen zu erzeugen. Sie enthält spezialisierte Werkzeuge für Shared-Element-Transitions, die visuelle Bewegungen über clientseitige Routenänderungen hinweg koordinieren, um die Kontinuität zwischen verschiedenen Seiten zu wahren. Das System deckt Layout-Transitions-Animationen und die Interpolation von Nicht-Layout-Eigenschaften ab. Es verwaltet das Timing durch gestaffelte Animationssequenzierung und beinhaltet Transform-Neutralisierung, um zu verhindern, dass sich Kindelemente verzerren, wenn ein Eltern-Container skaliert. Das Framework bietet zudem Animations-Callback-Trigger, um Logik an spezifischen Lebenszyklus-Meilensteinen auszuführen.
Prevents child elements from warping or distorting when their parent container undergoes a scale or translation transition.
TypeScriptanimation-libraryflip-animationslayout-animation
