登場と退場 · 出てくる・消える
縮小退出缩小退出
- 内側へ引く
- 持ち去られる
- きれい
要素が縮みながら薄くなり、画面から「取り上げられる」ように消えます。縮小は控えめ（0.9 程度で十分）です。読ませたいのは「引いた」ことで、「点になった」ことではありません。
使いどころ
ポップオーバーの閉鎖、カードの取り消し、浮いていたものが戻るときに使います。フェードアウトより一歩多く「どこかから来たものが戻った」と伝えます。ページ全体の退場には使わないでください。一斉に縮むとカメラが引く動きに見えて酔います。
パラメータ
transform: scale 1→0.92 · opacity 1→0 · 180ms ease-in
レシピ
縮小退出 → transform: scale 1→0.92 · opacity 1→0 · 180ms ease-in
AI に渡す一文
このポップオーバーを縮小退出させてください。transform を scale(1) から scale(0.92) へ、opacity を 1 から 0 へ、180ms の ease-in で、transform-origin は自身の中心のままにします。0 まで縮めないでください。「点に吸い込まれた」に見え、「戻った」には見えません。