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

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

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

i got a problem from `timeline` in popmotion pure

why this code run wrong? i got this object

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

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

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

Why is react-pose so huge?

it's literally as big as react-dom. Why?

thumbsup
1
message-simple
0