Framer » Framer Motion » SVG Animations BETA

SVG Animations BETA

Animating a path asdasdad sdfsdfsdf open in CodeSandboxconst Path = props => ( <motion.path fill="transparent" strokeWidth="3" stroke="hsl(0, 0%, 18%)" strokeLinecap="round" {...props} /> ); export const MenuToggle = ({ toggle }) => ( <button onClick={toggle}> <svg width="23" height="23" viewBox="0 0 23 23"> <Path variants={{ closed: { d: "M 2 2.5 L 20 2.5" }, open: { […]
To access this page, you must purchase Framer book - Monthly or Framer book - Yearly.