menu

Popmotion

Help and discussion for Popmotion's animation libraries: Popmotion, Pose, React Pose, React Native Pose, etc

Channels
Team
Posts
Members
Info
down-caret

React context describing current animation?

Hi folks -- I have an element that I've given an exit animation via a <PoseGroup/> that animates fine. I have an issue however where some inner bits of an exiting element have mouse handlers registered that do stuff on mouseover/mouseout that need to be disabled during the exit…

thumbsup
0
message-simple
0

React Router + React Pose slide in/out with "POP" or "PUSH" direction

I've been having this issue for over a month, getting back to it with new ideas over and over, but I can't wrap my head around a solution. There must be one out there, this is trivial! My goal is to normally slide pages in from left and slide out to right. When it reverses (user…

thumbsup
0
message-simple
0

Will this project be deprecated with the release of React Framer Motion?

thumbsup
0
message-simple
0

FLIP animation that don't affect the items children

Does anyone have a good suggestion how to not affect the child elements of the pose-group children when doing a flip animation? My problem (the texts inside scales): https://codesandbox.io/s/hopeful-chebyshev-04bfd?fontsize=14

thumbsup
0
message-simple
0

Entry animation with `flip: true` - expected behaviour?

Hey, I'm setting up a basic entry/exit animation using React Pose. I'm encountering some behaviour that seems strange, but I'm unsure if it's a bug or an expected side-effect of FLIP-based animations. I've made a minimal recreation of the problem here:…

thumbsup
0
message-simple
0

How do you animate scrolling? like scrollToBotton

thumbsup
0
message-simple
0

Circular motion in react

Hello, I would like to implement this functionality in react https://codepen.io/popmotion/embed/eygBGW I looked over the documentation for react-pose but I can't see any info regarding circular motion. …

thumbsup
0
message-simple
0

How to get posed Components ref

I'm trying to get a posed components ref but I'm not sure how to expose it. Code outside of main component: Main component: …

thumbsup
0
message-simple
1

Is it possible to set animated dev position via props?

I have an animated div and I want to set its position dinamycally with props. Is there a way to do it? Can I do something like x: ({ x }) => x in config? Here is example https://codepen.io/microspace/embed/yWQdXq

thumbsup
0
message-simple
3

What is the best way to transition slowly on y or x axis forever on react-pose?

I want to move the background continuously, and I couldn't find any examples on react-pose. Trying to aim for something like this? And animation starts onLoad. What am i doing wrong?

thumbsup
0
message-simple
0