Вопросы по теме 'framer-motion'

Анимируйте детей при наведении указателя мыши на родителя с помощью Framer-motion
Используя движение фреймера, я хочу анимировать мой компонент Icon, чтобы он поворачивался на 90 градусов при наведении курсора на родительский элемент, который является кнопкой. <motion.button type="button" whileHover={{scale: 1.1}}>...
4027 просмотров

Gatsby build / SSR заменяет компоненты, вызывающие ошибки отображения
Обновление: указанная ниже проблема была решена, но у меня возникла аналогичная проблема: В моем шаблоне галереи (для примера страницы см. Здесь все загружается нормально при навигации на сайт. При обновлении родительский div-сетка (GalleryGrid...
690 просмотров

Маршрутизатор Framer Motion и React 5: Как предотвратить повторный рендеринг родительских компонентов с вложенными маршрутами?
В приведенном ниже примере песочницы у меня есть родительский маршрутизатор React Router, отображающий два анимированных компонента. https://codesandbox.io/s/frame-motion-x-react-router-x-simple-tb1wg?file=/src/Routes.tsx Один из них содержит...
1997 просмотров
schedule 09.01.2023

Движение Framer не анимирует SVG правильно с AnimateSharedLayout
Я играл с новой библиотекой движения фреймера, чтобы попытаться переместить круг SVG в новое положение. Это будет положение относительно фиксированного положения, поэтому я не могу просто преобразовать круг и поэтому надеялся вместо этого...
668 просмотров
schedule 04.06.2023

Добавьте один элемент поверх другого с помощью Framer Motion
Я пытаюсь скрыть один div в том же пространстве, что и другой div, используя Framer Motion. Даже с задержкой при переходе сам объект визуализируется немедленно, что заставляет другой объект в том же пространстве прыгать. Вот небольшой пример кода...
568 просмотров

Framer motion - как сделать простой цветовой переход css
Я хочу сделать этот эффект цветового перехода, но в стиле движения кадра Пример css https://codepen.io/impressivewebs/pen/zqpEg Это то, что я пытался, но не сработало transition:{ delay:2, backgroundColor: "1.5s ease"...
61 просмотров
schedule 22.08.2022

Анимация выхода из Framer также воспроизводится на отображенных элементах React div.
Я новичок во Framer Motion и не могу решить эту проблему. Я использую React, и у меня есть массив объектов, через которые я использую .map (). Для каждого объекта будет создан div. Вот моя проблема: я сделал этот div motion.div и добавил к нему...
50 просмотров
schedule 27.08.2023