菜单
Lift a clickable card toward the viewer on hover with a deepening shadow — a tactile, responsive cue. Pure CSS, no JS. Only use on actually-clickable cards (motion implies clickability). Honors prefers-reduced-motion (static). Avoid on very dense grids where many lifts feel noisy.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/nexu-io/motion-anything --skill card-lift-hover命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | card-lift-hover |
| description | Lift a clickable card toward the viewer on hover with a deepening shadow — a tactile, responsive cue. Pure CSS, no JS. Only use on actually-clickable cards (motion implies clickability). Honors prefers-reduced-motion (static). Avoid on very dense grids where many lifts feel noisy. |
| triggers | ["hover lift","card hover effect","elevate on hover","悬停抬升","卡片悬浮"] |
| od | {"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use card-lift-hover on the clickable cards in this grid: a small lift + deeper shadow on hover,\npure CSS, static under prefers-reduced-motion.\n"} |
A clickable card that lifts on hover. Pure CSS. Part of
motion-anything; obeys MOTION-SPEC.md.
card-lift-hover.css and link it.<a class="lift-card" href="…">…</a>. No JavaScript needed.prefers-reduced-motion: no lift (a subtle shadow change remains). Transform + shadow only.