柔和入场Soft reveal

从下方淡入，让内容自然出现。

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

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

提示词 · 简体中文

沿用我项目现有的技术栈，实现「柔和入场」效果。

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

让内容柔和入场：opacity 从 0 到 1，translateY 从 12px 到 0，scale 从 1 到 1，filter: blur 从 0px 到 0。等待 0ms 后，用 480ms 和 cubic-bezier(0.16, 1, 0.3, 1) 完成入场。重播先用 120ms 从当前画面淡出，再等待延迟并入场。保留布局空间；只在有意展示时播放，不循环。无 JavaScript 时显示完整内容。

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

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

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

提示词 · 中文

柔和入场Soft reveal

调整效果

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

柔和入场Soft reveal

调整效果

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