menu

Popmotion

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

Channels
Team
Posts
Members
Info

Does pose/popmotion work with ssr?

I was wondering, you can use pose or just popmotion within server-side-rendering frameworks like e.g. nextjs? At least Pose does seem to depend on the window object. Has anyone tried that out yet?

thumbsup
3
message-simple
13

How to use custom update and complete function with value function?

I'm failing figure out how to call my custom functions on update and also call my function on complete. I'm using function value() to have an option any time during animation to call current velocity like this 'elStylerX.getVelocity()'. Here is my code: const elStyler =…

thumbsup
0
message-simple
7

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

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

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