Waving Hand Animation with Framer Motion
Created Jul 03 2020
JSHi 👋 !
const WavingHand = () => (<motion.divstyle={{marginBottom: '-20px',marginRight: '-45px',paddingBottom: '20px',paddingRight: '45px',display: 'inline-block',}}animate={{ rotate: 20 }}transition={{yoyo: Infinity,from: 0,duration: 0.2,ease: 'easeInOut',type: 'tween',}}>👋</motion.div>);const Hi = () => (<h1>Hi <WavingHand /> !</h1>);render(<Hi />);