用途
该技能面向使用 Anime.js 库实现迪士尼十二项动画原则的场景。当需要在网页动画中应用经典动画原理时，可参考其中提供的代码示例，将抽象原则转化为 Anime.js 的具体动画配置。
主要能力
技能按十二项动画原则逐一给出 Anime.js 实现示例：
- 挤压与拉伸（Squash and Stretch）：通过 scaleX、scaleY 关键帧配合 easeInOutQuad 缓动实现。
- 预备动作（Anticipation）：使用 anime.timeline() 先做反向小幅位移与缩放，再执行主要动作。
- 舞台布局（Staging）：对背景使用 filter 模糊与透明度，对主体进行缩放，突出视觉焦点。
- 逐帧与姿势对应（Straight Ahead / Pose to Pose）：通过 keyframes 定义多个姿势点。
- 跟随与重叠动作（Follow Through and Overlapping Action）：在时间轴中用相对偏移（如 '-=450'）让身体、头发、披风依次延迟运动。
- 慢入慢出（Slow In and Slow Out）：使用 easeInOutCubic 等缓动，或 spring(mass, stiffness, damping, velocity) 弹簧物理。
- 弧线（Arc）：通过分段 translateY 关键帧，或使用 anime.path() 沿 SVG 路径运动。
- 次要动作（Secondary Action）：在时间轴中叠加按钮缩放、图标旋转、粒子交错淡入等辅助动画。
- 时间节奏（Timing）：以不同 duration（150、300、600 毫秒）区分快速、常规、慢速节奏，并支持弹簧缓动。
- 夸张（Exaggeration）：使用较大 scale、rotate 与 easeOutElastic 产生过冲效果。
- 立体感（Solid Drawing）：通过 rotateX、rotateY 与 perspective 营造三维空间感。
- 吸引力（Appeal）：通过轻微缩放与阴影变化提升视觉质感。
此外还包含交错动画（anime.stagger）示例，以及 Anime.js 核心特性说明：anime.timeline() 序列动画、keyframes 多姿势、anime.stagger() 偏移延迟、anime.path() SVG 运动路径、内置缓动与 spring()/elastic()、'-=200' 相对偏移时间、anime.set() 即时属性设置。
使用方式
技能以代码片段形式提供，可直接参考示例中的 anime({...}) 配置与 anime.timeline() 链式调用，将 targets 替换为实际选择器，并按需调整 duration、easing、delay 等参数。
适用场景
适用于网页交互动画、UI 动效、角色或元素运动、SVG 路径动画等需要引入经典动画原则的 Anime.js 项目。
限制
资料未提供该技能的安装方式、依赖版本、浏览器兼容性、性能数据或收费信息，暂未提供。