Text Effects · How the words move
Gravity drop文字坠落
- weighty
- playful
- lands
Each character drops from above, bounces twice, squashes on impact and settles. Unlike a fade, the line has weight — so your eye follows where it lands.
When to use it
For the moment something good has just happened: an order placed, a payment through, a prize drawn. Its job is to earn one extra glance at that line, so keep it short — two to eight characters. Do not use it on body copy, on messages that repeat, or in an interface that already has motion running: if everything is falling, the eye has nowhere to rest.
Parameters
g 2400px/s² · restitution 0.42 · stagger 62ms/char · squash ≤1.22 · sub 320ms later
Recipe
stagger 62ms/charwhen squash ≤1.22Gravity drop → g 2400px/s² · restitution 0.42 · sub 320ms later
One sentence for your AI
Drop this line one character at a time: each character starts 150px above and falls freely at 2400px/s², each leaving 62ms after the previous one. On landing, bounce with a restitution of 0.42 if the speed is still above 170px/s, otherwise settle; squash only along the vertical axis on the landing frame (up to 1.22×) and never stretch. 320ms after the whole line lands, fade in the smaller line below. Replay every 4.4 seconds. Start odd and even characters 26px apart so it reads as two rows rather than a random heap.