设计与多媒体

anime-js

dylantarre/anim…inciples

Use when implementing Disney's 12 animation principles with Anime.js library

  • 645 次安装
  • 133 星标
  • 收录于

安装命令

npx skills add https://github.com/dylantarre/animation-principles --skill anime-js

SKILL.md

Anime.js Animation Principles

Implement all 12 Disney animation principles using Anime.js's flexible animation engine.

1. Squash and Stretch

anime({
  targets: '.ball',
  scaleX: [1, 1.2, 1],
  scaleY: [1, 0.8, 1],
  duration: 300,
  easing: 'easeInOutQuad'
});

2. Anticipation