Tag: FRAMER-MOTION
Tengo una animación que escala el div al pasar el mouse por encima con una duración de 2, lo cual funciona correctamente. Quiero que se siga la misma duración cuando el mouse abandona el div. Actualmente, el div se reduce instantáneamente a su tamaño original. import “./styles.css”; import { motion . . . Read more
Entonces, estoy probando Framer Motion y NextJS y me encontré con algo que quiero lograr para poder aprender animaciones de entrada y salida. Tengo dos rutas y cuando hago clic en una ruta quiero que la ruta anterior se deslice hacia afuera y la nueva ruta se deslice hacia adentro. . . . Read more
Estoy usando Framer Motion 5.3.3 para hacer algunas animaciones en mi página web. Estoy intentando utilizar la opción de easing para el gancho (hook) useTransform de Motion. Mira este ejemplo tomado de la documentación de useTransform: const xRange = [-200, -100, 100, 200] const opacityRange = [0, 1, 1, 0] . . . Read more
Recientemente comencé a utilizar la biblioteca framer-motion en un proyecto de react, typescript para manejar las animaciones. Cuando intenté utilizar <AnimateSharedLayout> con la propiedad type, muestra que no existe tal propiedad en AnimateSharedLayout. Estoy un poco confundido aquí porque en su documentación y en todos los demás artículos que he . . . Read more
Estoy agregando algunos módulos de React a un sitio web existente. Para hacerlo, estoy montando mis componentes de React a través de Portales de React. En resumen, si bien mis componentes se montan según lo esperado, las animaciones no se activan. Por ejemplo, permanecen bloqueados con una opacidad de 0. . . . Read more