Вопросы по теме 'framer-motion'
Анимируйте детей при наведении указателя мыши на родителя с помощью Framer-motion
Используя движение фреймера, я хочу анимировать мой компонент Icon, чтобы он поворачивался на 90 градусов при наведении курсора на родительский элемент, который является кнопкой.
<motion.button type="button" whileHover={{scale: 1.1}}>...
4027 просмотров
schedule
29.03.2023
Gatsby build / SSR заменяет компоненты, вызывающие ошибки отображения
Обновление: указанная ниже проблема была решена, но у меня возникла аналогичная проблема:
В моем шаблоне галереи (для примера страницы см. Здесь все загружается нормально при навигации на сайт. При обновлении родительский div-сетка (GalleryGrid...
690 просмотров
schedule
21.03.2023
Маршрутизатор 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 просмотров
schedule
26.09.2022
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