设计与多媒体

framer-motion

Name: framer-motion
Author: dylantarre

dylantarre/anim…inciples

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

安装命令

$ npx skills add https://github.com/dylantarre/animation-principles --skill framer-motion

SKILL.md

Implement all 12 Disney animation principles using Framer Motion's declarative React API.

<motion.div
  animate={{ scaleX: [1, 1.2, 1], scaleY: [1, 0.8, 1] }}
  transition={{ duration: 0.3, times: [0, 0.5, 1] }}
/>