用途\nm-reduced-motion 用于为项目中的所有动画与过渡效果添加 prefers-reduced-motion 支持,使页面能够尊重用户在操作系统或浏览器中设置的“减少动态效果”偏好。\n\n主要能力\n根据资料,该技能对每一处动画/过渡执行三项处理:\n1. 将其包裹在 @media (prefers-reduced-motion: no-preference) 媒体查询中;\n2. 添加 reduce 回退方案,将时长设为 0.01ms;\n3. 保留最终状态,确保内容不会消失。\n\n使用方式\n资料中给出的调用形式为 /m-reduced-motion,并附带标题“Reduced Motion”。除此之外,未提供更多安装命令、配置参数或代码示例。\n\n适用场景\n适用于需要提升无障碍体验的前端项目,尤其是包含动画或过渡效果、且希望遵循用户减少动态效果偏好的网页。\n\n限制\n资料未说明该技能支持的具体框架、语言或平台,也未提供收费、价格、效果保证等信息,这些内容暂未提供。
m-reduced-motion
前端与建站
更新于 10-16 06:55