menu

Popmotion

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

Channels
Team
Posts
Members
Info

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

dragEnd pose and onPoseComplete

The docs describe dragEnd as a pose: https://popmotion.io/pose/learn/dragging/#dragging-dragend-pose But once the pose has finished transitioning after a drag the onPoseComplete callback is not fired. Is this a bug, by design, or a mistake on my part? My problem is I have a menu…

thumbsup
0
message-simple
2

My first React pose carousel

Hey, I created yet-another slide-based Carousel using React pose. https://codesandbox.io/s/0094879v40 My objective was to make it as pure as it can be: no built-in controls, no internal slide index state (the slide index is only controlled by props), no built-in classes, no…

thumbsup
3
message-simple
6