柔和入场Soft reveal

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

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

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

提示词 · English

Create a Soft reveal effect using my project's existing stack.

Keep my content, typography, colors, and layout. Apply the effect to my existing card; do not recreate the Tomoyo demo artwork or add a component library.

Reveal the content from opacity 0 to 1, translateY 12px to 0, scale 1 to 1 and filter blur(0px) to blur(0px). Wait 0ms, then animate for 480ms using cubic-bezier(0.16, 1, 0.3, 1). Replay first fades out from the current frame over 120ms, then waits the delay and reveals. Reserve layout space, reveal intentionally, never loop, and keep all content visible without JavaScript.

Keep the pointer hit area stationary and animate its inner visual surface. Continue from the current visual frame when switching effects; cancel superseded animations. Repeated Replay clicks during playback must not restart the animation or make it flash.

Respect prefers-reduced-motion: skip movement and fades, show all content immediately, and retain a clear focus indicator. A glass surface may remain static. Support keyboard and touch input. Keep the animation local to this component.

Implement the change, then tell me which parameters to adjust and how you verified the behavior.

提示词 · EN

柔和入场Soft reveal

调整效果

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

柔和入场Soft reveal

调整效果

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