Here are a bunch of text animation that tries to imitate these actions. These animations were created by Ryan Mulligan using Splitting.js
- hiding – the two tittles on top i is seen peeking from a line and then all the text rises up.
- retreating – the text zooms out trying to show that the text is running away.
- breaking – the text feels like its dropped and then it shatters into multiple pieces.
- swaying – feels like the text is swinging to and fro.
- blinking – a simple left to right blinking effect for the text.
- tumbling – pretty much what you would expect to see when you put clothes into a washing machine, that effect is applied to all the letters in the word.
If you are having trouble with the pen, try the archived copy on GitHub
Text Actions Animation Snippet
See the Pen Animated Verbs III by Ryan Mulligan (@hexagoncircle) on CodePen.0