文字エフェクト · 文字の動き方
文字の反転翻转文字
- 立体的
- 切り替え
- リズム
1 つの語が前に倒れ、次が後ろから立ち上がり、一瞬だけ空白になります。その隙間が「めくれた」証拠です。
使いどころ
「変わらない一文＋入れ替わる一語」に向きます。ファーストビューの見出しで商品名・訴求点・挨拶を切り替える使い方です。文章まるごとや長さの大きく違う語の入れ替えには使わないでください。箱の高さが跳ね、読み切れません。また 1.5 秒より速い周期にすると点滅に見えます。
パラメータ
perspective 640px · out 260ms ease-in / in 340ms ease-out · 2s per cycle
レシピ
文字の反転 → 260ms ease-in文字の反転 → perspective 640px · out 260ms ease-in / in 340ms ease-out · 2s per cycle
AI に渡す一文
文字の反転を作ってください。固定の導入文の下に、高さを固定した箱の中で中央揃えの 1 語を置き、2 秒ごとに入れ替えます。切り替えは 2 拍です。古い語が X 軸まわりに前に倒れ（rotateX 0 から -86deg、フェードアウト、軽いぼかし、260ms、ease-in）、消えたら文字を入れ替え、新しい語が後ろから立ち上がります（rotateX 84deg から 0、フェードイン、ぼかし解除、340ms、ease-out）。容器には perspective 640px を与え、3D を保持します。去る方が速く、来る方がゆっくりです。同じ長さだと濁ります。途中の 1 フレームの空白は残してください。めくれた証拠になります。