tactile-interaction-curves

为按钮、卡片、列表行、开关、菜单和模态框提供具有物理感的微交互效果——悬停进入时使用 ease-out 缓动，持续时间不超过 300ms，悬停退出时更快；点击时快速触发 :active 状态，并伴随 scale(0.97–0.98) 缩放效果；避免使用 `transition: all … linear`。在编写或审查包含 :hover、:active、:focus、transition、transform、animation 或任何交互状态的 CSS/Tailwind/styled-components 时，以及当用户要求“让它感觉高级/有触感/响应迅速/灵敏/有生命力”、“悬停效果”、“点击动画”、“按钮反馈”、“感觉扁平/卡顿/不流畅”，或请求一个精致的交互组件时——即使他们未明确提及动效——都应应用此规范。

模型生成摘要（rules/v1 · 2026-11-14 15:14）：为按钮、卡片、列表行、开关、菜单和模态框提供具有物理感的微交互效果——悬停进入时使用 ease-out 缓动，持续时间不超过 300ms，悬停退出时更快；点击时快速触发 :active 状态，并伴随 scale(0
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-14 15:14	bb2eb117	可取

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本

纠错与举报（发现条目失效、署名有误或涉及侵权？）

提交举报 / 纠错

侵权举报经核验成立后，我们会即时下线该条目并删除已存的内容副本。