1 repositorio
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.
react-flip-toolkit es un framework de transición basado en coordenadas y una biblioteca de animación de diseño para React. Utiliza una técnica de "magic-move" para calcular las posiciones de los elementos, evitando saltos bruscos durante los cambios de diseño mediante interpolación y física. La biblioteca proporciona un motor de movimiento basado en resortes que utiliza configuraciones de rigidez y amortiguación para crear un movimiento natural para los cambios de diseño y estilo. Incluye herramientas especializadas para transiciones de elementos compartidos, que coordinan movimientos visuales a través de cambios de ruta del lado del cliente para mantener la continuidad entre diferentes páginas. El sistema cubre animaciones de transición de diseño e interpolación de propiedades que no son de diseño. Gestiona el tiempo mediante secuencias de animación escalonadas e incluye neutralización de transformaciones para evitar que los elementos hijos se deformen cuando un contenedor padre cambia de escala. El framework también proporciona disparadores de callback de animación para ejecutar lógica en hitos específicos del ciclo de vida.
Prevents child elements from warping or distorting when their parent container undergoes a scale or translation transition.