Tag: REACT-SPRING
Quería crear una animación de bucle para la carga utilizando react-spring, pero cuando uso “loop” no se ajusta correctamente el timing y no sé cómo hacer que la animación “useChain” se repita. const animation = { from: { scale: 0, opacity: 0, background: ‘red’ }, to: [ { scale: 1, . . . Read more
¿Existe alguna manera de tener, por ejemplo, un div que se desvanezca y aparezca (para usarlo para alternar entre diferentes fondos, digamos) y que sus hijos (texto, digamos) siempre estén a plena opacidad? {transitions((style, <animated.div class={ bg[i] + ” bg-fixed bg-cover absolute h-full w-screen bg-no-repeat” } style={{ …style, }} > . . . Read more
Obtuve el problema de “aridad” con react-spring en este código: <animated.path d=”{x.to({” range:=”” [0,=”” 1],=”” output:=”” [=”” ppath,=”” ppath2,=”” ],=”” })}=””></animated.path> El error exacto es: Error: La aridad de cada valor “output” debe ser igual Los 2 caminos no están vacíos y están bien. Me preguntaba si el problema de . . . Read more
Entonces, estoy tratando de animar un contenedor con una imagen de fondo y algo de texto. He configurado una duración y una opacidad de 0 a una opacidad de 1, pero el componente se carga normalmente. Tengo el componente como parte de una ruta privada. Es la página que se . . . Read more
Tengo un menú que se muestra como un menú hamburguesa/cajón cuando el ancho de pantalla es menor que una cierta cantidad y estoy usando react-spring para deslizar ese menú en pantalla cuando se hace clic en el “icono hamburguesa”. Mi problema es que está dentro de ese de react-spring, por . . . Read more