登場と退場 · 出てくる・消える
リビール揭示
- ミステリアス
- 抑制的
- 層的
マスクやクリップで要素を少しずつ見せていきます。全体が透明になるのではなく、幕が開くような見え方です。
使いどころ
見出しや画像など、少し演出したい単体の内容に向きます。普通に出すだけなら「フェードイン」で十分です。
パラメータ
400ms · cubic-bezier(0.22, 1, 0.36, 1) · clip-path: inset(0 100% 0 0)→inset(0)
レシピ
リビール → clip-path inset(0 100% 0 0) → inset(0) @ 400ms cubic-bezier(0.22, 1, 0.36, 1)
AI に渡す一文
この見出しにリビール登場を付けてください。clip-path を inset(0 100% 0 0) から inset(0) へ、左から開くように 400ms、cubic-bezier(0.22, 1, 0.36, 1) で。