设计与多媒体

motion-one

Name: motion-one
Author: dylantarre

dylantarre/anim…inciples

Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)

安装命令

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

SKILL.md

Implement all 12 Disney animation principles using Motion One's performant Web Animations API wrapper.

import { animate } from "motion";

animate(".ball",
  { scaleX: [1, 1.2, 1], scaleY: [1, 0.8, 1] },
  { duration: 0.3, easing: "ease-in-out" }
);

import { timeline } from "motion";