Text Effects · How the words move
Text flip翻转文字
- dimensional
- rotating
- rhythmic
One word tips forward, the next stands up from behind, and for an instant there is nothing there — that gap is the proof it turned. A fixed question plus one rotating word is the standard hero pattern.
When to use it
For one fixed sentence plus one word that rotates: a product name, a selling point or a greeting in a hero heading. Do not use it to swap whole sentences or two words of very different length — the box will jump and nobody finishes reading; and do not cycle faster than about 1.5 seconds or it turns into a flicker.
Parameters
perspective 640px · out 260ms ease-in / in 340ms ease-out · 2s per cycle
Recipe
Text flip → 260ms ease-inText flip → perspective 640px · out 260ms ease-in / in 340ms ease-out · 2s per cycle
One sentence for your AI
Build a text flip: one fixed lead-in line, and below it a single word centred in a fixed-height box that changes every 2 seconds. Do the swap in two beats: the old word tips forward around the X axis (rotateX 0 to -86deg, fading out with a slight blur, 260ms, ease-in); once it has cleared, swap the text and stand the new word up from behind (rotateX 84deg to 0, fading in and unblurring, 340ms, ease-out). Give the container perspective 640px and keep the 3D context. Leaving is faster than arriving — equal durations smear. Keep the one-frame gap in the middle: that is the proof it turned.