用途:为网格中的可点击卡片或磁贴添加悬停抬升效果,使其在鼠标悬停时向观察者方向抬起并加深阴影,形成触感、响应式的交互提示。属于 motion-anything 项目,遵循 MOTION-SPEC.md。
主要能力:纯 CSS 实现,无需 JavaScript;仅使用 transform 与 shadow 变化。
使用方式:复制 card-lift-hover.css 并链接到页面;为元素添加类名,例如 <a class="lift-card" href="…">…</a>。
适用场景:应具有触感的可点击卡片或磁贴网格。
限制与注意事项:仅用于真正可点击的卡片,非交互卡片不应使用,因为抬升效果暗示其可点击;在非常密集的网格中,多个同时抬升可能显得杂乱,应克制使用。无障碍与性能方面,遵循 prefers-reduced-motion:减少动态时不做抬升,仅保留细微阴影变化。
其他信息(如具体安装命令、版本、收费、平台支持等)暂未提供。