Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series







yours forever

Become a Pro and unlock everything




per month

Gestures With Events


Become a pro to download code and videos


Erik Cox

about 3 years ago

You mention that using a -400 would cause issues. To experiment I added the negative case and it appears to work.

<animated.div style={{ opacity: x.interpolate({range:[-400,0,400], output:[0,1,0]}), transform:x.interpolate((x)=> translate3d(${x}px,0,0)) }} {...bind()} className="box" />);

Want to join the conversation?

Become a Pro member today!