Interaction

Play once on detail entry; click, Enter, Space or Play to replay. Catalog hover demonstrates; leaving retains readable text.

States

Characters fade in, drift upward and sharpen individually.

Enter and exit

Complete the full entrance and retain readable text; replay restarts the entrance.

Content and parameters

Saved settings: {"kind":"soft-blur-in","text":"Think different.","fontSize":72,"fontWeight":600,"color":"#171717","blur":12}. Typography uses a 1280×720 reference canvas with proportional preview scaling.

Timing

Duration basis 2000 ms; delay 0 ms. Scale the full timeline so every character completes.

Repeated input and interruption

Replay restarts the text entrance. Pause, inactive previews and background pages freeze the clock. Observation speed and progress are transient. Text and parameter edits drive previews, descriptions, Motion, JSON and exports.

Reduced motion

Show the complete, readable text immediately. Skip entrance animation and cursor blinking while retaining content and reading layout.

Default configuration

These values come from the maintained default configuration. Editor drafts and exported changes can differ.

{
  "schemaVersion": 2,
  "recipeId": "soft-blur-in",
  "durationMs": 2000,
  "delayMs": 0,
  "easing": [
    0.22,
    1,
    0.36,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": false,
  "interruption": "retarget",
  "tracks": [],
  "typography": {
    "kind": "soft-blur-in",
    "text": "Think different.",
    "fontSize": 72,
    "fontWeight": 600,
    "color": "#171717",
    "blur": 12
  }
}

Source code and reuse

The corresponding GitHub example contains the public renderer, default configuration and runnable entry point. Read the interaction notes and preserve the included third-party and font notices when reusing it. The complete website editor is maintained separately.

Using it in your own project

Open the editor to run the actual preview and compare changes. This document does not run a separate imitation. Recheck content, input, focus and layout after integrating an export.

Catalog provenance label: Original implementation. Third-party examples retain their own license and attribution; all current effect renderers are public; the full editor is maintained separately.