Tag: FRAMER-MOTION
Mi prop exit o AnimatePresence no está funcionando. Mi variante: const imgVariant = { initial: { opacity: 0, y: -100, }, animate: { opacity: 1, y: 0, transition: { type: "spring", stiffness: 20, }, }, exit: { opacity: 0, y: 500, transition: { duration: 5, }, }, }; Mi código: . . . Read more
Estoy tratando de dibujar una trayectoria discontinua, o al menos dar esa ilusión, usando Framer Motion. Piensa en animar una trayectoria de pies en un mapa del tesoro. Animar la longitud de la trayectoria parece ser un método común, y por eso lo he implementado de la siguiente manera. <motion.span . . . Read more
Estoy construyendo una aplicación de lista de tareas solo para practicar. Necesito implementar una animación donde se deslice suavemente hacia abajo cuando se completa y se deslice hacia arriba cuando se deshace. Obviamente, estoy trabajando en React y me gustaría recibir ayuda sobre cómo implementarlo en Framer Motion. Soy bastante . . . Read more
Estoy tratando de hacer un bucle de animación con la biblioteca Framer Motion después de un pequeño retraso. La animación en sí se reproduce cuando está montada, en el refresco de la página web, sin embargo, no se repite. He revisado la documentación y esto parece tener una sintaxis similar. . . . Read more
Estoy teniendo un problema con framer-motion. El problema es: – El border-radius de CSS funciona después de la animación, pero quiero animación con borde redondeado. – Algunos datos de texto aparecen después de la animación (supongo que React está actualizando el estado en el evento ‘AnimationEnd’). ¿Hay alguna forma de . . . Read more