Soft reveal

Fade in and settle gently into place.

Use this effect in your project

This prompt uses your current settings and asks the AI to keep your existing content and design.

Prompt · 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.

Prompt · EN

Soft reveal

Adjust effect

Use this effect in your project

Soft reveal

Adjust effect

Use this effect in your project