Framer X Pro Tips

Code

Code Component

Framer X

Make a button/card with on hover state, Method 3: pose

2018-10-05

First, yarn add react-pose

Then:

const Box = posed.div({
    hoverable: true,
    init: {...},
    hover: {...}
}

Check out pose for more cool animations: https://popmotion.io/pose/

PS: If you find this tip difficult to understand, check out this course I prepared for you, where concepts are explained in a more digestible way. No programming experience required!

PPS: See other pro tips, or share / request a new tip.

download Want the complete source file? Enter your email address below:

I'll also send you new tips when available. No spam, unsubscribe any time!