全部 Skills
从零构建动效
animate
给你需要的那一处动效配齐所有配料：该用什么缓动、多长、动哪些属性、要不要错峰。它不会先给你一个默认值再让你自己调，而是在生成时就按规则把选择做完。
它把哪件事做完了
把一句需求变成曲线、时长与属性都选对的实现
什么时候用它
- 要新写一处入场、展开或状态切换
- 已有动效但参数全靠手感试出来的
- 想同时拿到实现和它为什么这么写的解释
它具体做什么
- 选曲线
- 依据动效语义挑 ease-out / ease-in / spring，而不是默认 ease-in-out
- 定时长
- 按位移距离与元素大小定时长，小元素短、大位移略长
- 选属性
- 优先 transform 与 opacity，避免动画 width、top、box-shadow
- 排顺序
- 多个元素时给出错峰节奏，而不是整齐划一地同时出现
可以这样提要求
›用 animate 为这个筛选面板做展开与收起，说明每条曲线与时长的选择理由。