悬停浮起Hover lift

鼠标移上去，卡片轻轻抬起。

悬停、聚焦或轻点卡片试试

调整效果

从一个预设开始

轻一点浮起来俏皮一点

调整后的参数会一起写进提示词。

形态与移动

移动距离

悬停缩放

旋转角度

阴影浓度

节奏

过渡时长

运动曲线

缓出缓入缓出匀速

提示词语言

向上移动 6px，用 240ms 平滑过渡；离开后归位。

把这个效果用在你的项目里

提示词已包含当前参数，并要求 AI 沿用你项目里的内容和设计。

提示词 · 简体中文

沿用我项目现有的技术栈，实现「悬停浮起」效果。

保留我的内容、字体、颜色与布局。把效果应用于现有卡片，不复刻 Tomoyo 的示例插画，也不引入组件库。

鼠标悬停或可见键盘焦点出现时，卡片向上移动 6px，缩放到 1 倍，旋转 0deg；不改变布局。transform 与 box-shadow 使用 cubic-bezier(0.16, 1, 0.3, 1)，时长 240ms。静置阴影 0 20px 32px rgba(4, 25, 72, 0.32)；抬升阴影 0 28px 44px rgba(4, 25, 72, 0.38)。离开或失焦后平滑归位。轻点或重播在 960ms 内演示一次抬升、停留、归位。

保持点击区域不动，只移动内部视觉表面，避免悬停边界反复触发。从当前画面平滑接续动画，快速切换时取消旧动画并保留当前视觉状态。动画播放中重复点击重播不应让画面跳回起点。

尊重 prefers-reduced-motion：跳过位移和渐变，立即显示内容，保留清晰的焦点标记。玻璃可保留静态材质。支持键盘和触屏，动画仅影响当前组件。

实现后说明哪些参数可以调整，以及如何验证行为。

提示词 · 中文