用途
m-transition 是一个面向 CSS 过渡(transition)声明的审查与优化技能,目标是把项目中随意、泛化的动效参数整理为有意图、可维护的规范。它属于 dragoon0x/meridian 技能集,技能标识为 m-transition。
主要能力
根据提供的说明,该技能在审查所有过渡声明时会执行以下工作:
- 将默认的
ease缓动替换为符合具体上下文的cubic-bezier曲线,使动效更贴合交互意图。 - 统一过渡时长标准:悬停(hover)为 200ms,状态变化(state)为 300ms,布局(layout)为 400ms。
- 确保所有可交互属性都配置了过渡效果,避免遗漏。
- 为频繁参与动画的属性添加
will-change提示,以优化渲染性能。
使用方式
资料中仅给出了技能名称与说明文本,未提供具体的安装命令、调用方式或集成步骤,因此这部分暂未提供。
适用场景
适合在前端项目中系统化梳理 CSS 动效时使用,例如统一团队动效规范、排查过渡缺失或缓动不一致的问题、优化动画性能等。
限制
资料未说明该技能支持的平台、依赖环境、是否收费以及实际效果,这些信息暂未提供。