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

Does anyone have any examples of parallax scrolling built with React Pose?

Hey everyone, Would be interested to see some examples of a parallax scrolling effective, done with React Pose, but so far I can't find anything. Anyone got any examples they could share please? :)

thumbsup
0
message-simple
1

There seems to be a problem with a popmotion dependency

The dependency style-value-types is breaking our angular build. Judging by the build error, it looks like a syntax error. Unfortunately, even if we roll back to a previous popmotion version, the package pulls in latest style-value-types making it impossible for us to fix.

thumbsup
0
message-simple
1

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
2
message-simple
0

Does react-pose have something similar to this in react-spring?

Is there a way to achieve similar results using react-pose as the number innertext example in react-spring http://react-spring.surge.sh/spring ? I'm already using react-pose in a project so would rather not add react-spring just for this one feature, but I'm stuck as to how to…

thumbsup
0
message-simple
5

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