用途
css-native 用于在实现迪士尼十二项动画原则时，采用纯 CSS 的方式（CSS 动画、过渡与变换）完成动效表达。
主要能力
资料逐条给出了十二项原则的 CSS 实现示例：
- Squash and Stretch：通过 @keyframes squash-stretch 对 .ball 使用 scaleX/scaleY 变形。
- Anticipation：@keyframes anticipate-jump 中先向下蓄力再做上跳。
- Staging：通过 z-index、filter: blur 与 opacity 区分主体与背景。
- Straight Ahead / Pose to Pose：以 @keyframes walk-cycle 显式定义关键帧位置。
- Follow Through and Overlapping Action：为 .character、.hair、.cape 设置不同 animation-delay 形成滞后跟随。
- Slow In and Slow Out：使用 cubic-bezier(0.42, 0, 0.58, 1) 或 ease-in-out 等缓动函数。
- Arc：既可用关键帧位移组合，也可用 offset-path: path('M0,100 Q100,0 200,100') 实现真实弧线。
- Secondary Action：按钮 hover 缩放的同时让图标执行 wiggle 动画。
- Timing：给出 .fast 0.15s、.normal 0.3s、.slow 0.6s、.dramatic 1.2s 的时长类。
- Exaggeration：@keyframes exaggerated-bounce 使用更大的位移与形变。
- Solid Drawing：通过 transform-style: preserve-3d、perspective 与 rotateY 建立三维感。
- Appeal：使用 border-radius、box-shadow 与 hover 过渡增强视觉吸引力。
使用方式
资料以 CSS 代码片段形式给出实现方式，每个原则对应可直接参考的 @keyframes、transition、transform 或选择器写法。
时间参考
资料提供的时间对照：微交互 100-200ms；按钮反馈 150-300ms；页面过渡 300-500ms；复杂动画 500-1000ms。
关键 CSS 属性
animation / @keyframes、transition、transform、offset-path（运动路径）、animation-timing-function、animation-delay。
适用场景与限制
适用于以纯 CSS 方式实现界面或角色动效。资料的安装与调用方式、收费信息、支持平台与浏览器兼容性暂未提供。