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
用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
- aholachek/react-flip-toolkit
aholachek/react-flip-toolkit
4,190在 GitHub 上查看react-flip-toolkit 是一个基于坐标的过渡框架和 React 布局动画库。它使用 magic-move 技术来计算元素位置，通过插值和物理效果防止布局偏移期间的突兀跳动。 该库提供了一个基于弹簧的运动引擎，使用刚度和阻尼设置来为布局和样式变化创建自然运动。它包含用于共享元素过渡的专用工具，这些工具协调跨客户端路由变化的视觉移动，以保持不同页面之间的连续性。 该系统涵盖了布局过渡动画和非布局属性插值。它通过交错动画序列管理时序，并包含变换中和功能，以防止父容器缩放时子元素变形。该框架还提供动画回调触发器，以在特定的生命周期里程碑执行逻辑。
Prevents child elements from warping or distorting when their parent container undergoes a scale or translation transition.
TypeScriptanimation-libraryflip-animationslayout-animation
