Here’s another animation that starts automatically. This one has a spring curve.
export default function CC_02_Spring(props) { return ( <div> <motion.div style={{ width: 150, height: 150, borderRadius: 30, backgroundColor: "#fff", }} animate={{ rotate: 180 }} transition={{ type: "spring", damping: 10, mass: 0.75, stiffness: 100, }} /> </div> ) }
export function Spring(Component): ComponentType { return (props) => { return ( <Component {...props} animate={{ rotate: 180 }} transition={{ type: "spring", damping: 10, mass: 0.75, stiffness: 100, }} /> ) } }
Click the checkbox to allow us to send you emails.
We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing per their Privacy Policy and Terms.
You must be logged in to post a comment.