Stack Overflow
Stack Overflow

Questions tagged [framer-motion]

Open source, production-ready animation and gesture library for React https://framer.com/motion

244 questions
-1
votes
1 answer

Absolute positioning vs relative parent: any workaround?

I have tiled four cards 2 x 2 with react-bootstrap Row and Col. On click each expands and moves slightly up via framer-motion. But I'd like each to position in the center or top left on a click. I think the relative positioning in the bootstrap is…
setInterval
  • 39
  • 4
-1
votes
1 answer

Shared element route transition with framer-motion and NextJS (typescript)

I can't figure out how to animate routing with component by framer-motion. Basically in the code down here i want to display a list of images, and when clicking on them i want to navigate to /images/[image_id] and display it…
capsluke
  • 11
  • 1
-2
votes
1 answer

How to fix hamburger menu animation?

I have added hamburger menu to my web application (MERN stack) for screen sizes below 500 px. When I click on the hamburger menu, both the lines should animate to a cross, which is happening. However, the two menu lines remain on the screen as…
HKS
  • 204
  • 1
  • 8
-3
votes
1 answer

How to make framer motion work with styled component keyframes?

https://codesandbox.io/s/keyframe-plus-whilehover-zodx7?file=/src/App.js If keyframe animation is applied to a component, any event like whileHover or onTap won't work on that motion.div. The reason why using styled component for animating a div is…
shuo
  • 23
  • 2
1 2 3
…
16
17