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

Code
Code Component
Framer
Updated: 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/

Source Code

Check out the complete source code here