Become a member
to unlock all features

Create egghead account to access 5000+ tutorials and resources from expert developers.

Create account

    Animate buttons using gesture controls like whileTap and onDrag from Framer Motion


    Learn how to create common button animations by applying gesture recognizers like whileTap, whileHover, and onDrag. Framer Motion offers flexibility in how animations are pieced together but offers sensible defaults for the transitions it applies without you having to mess with transition easing methods.

    These props extend React's event listeners to apply powerful gesture detection for animations on components and can be strung together or used for more simple use cases.

    Check out the official docs for more information on them.