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

PoseGroup early enter

switching between { opacity: 0 } to { opacity: 1 } will lead to a moment when nothing is presented. (since exiting component will end in { opacity: 0 } and entering component will start with { opacity: 0 } how can i make the entering animation for new component to trigger early…

thumbsup
0
message-simple
1

Is there any way to use pseudo-classes? Or a CSS string like "p::after { . . .…

I'm wanting to add some overlay effects on text without having to make a completely new container that just sits over it. For example: a text reveal effect that animates in as a block and then pulls away to the right or left to reveal the text. Is there a way to do this? …

thumbsup
0
message-simple
1

i got a problem from `timeline` in popmotion pure

why this code run wrong? i got this object

thumbsup
0
message-simple
1

How to animate child component if the parent is hoverble?

I have a card with 2 direct children inside. I want to animate those two children when the parent card is in hover, is it possible with react-pose?

thumbsup
1
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
3
message-simple
0

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

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 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

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
2