Yelling, Ghosting, Sailing, Shivering, Fading, Rocking Text Animation

Image: Yelling, Ghosting, Sailing, Shivering, Fading, Rocking Text Animation GIF

These are a bunch of text animation that tries to imitate actions like yelling, fading, etc. These animations were created by Ryan Mulligan using Splitting.js .

  • Yelling – the text appears to be yelling by growing and shrinking randomly.
  • Ghosting – the text is pulled up from the centre and then you can see the spirit rising out of the text
  • Sailing – the text has a wave life effect in the bottom part of it
  • Shivering – if the text were freezing this is what it does, it shakes violently from left to right
  • Fading – the text fades away to nothing
  • Rocking – the text rocks from side to side with a slight tilt to the left

If you are having trouble with the pen, try the archived copy on GitHub

Text Actions Animation Snippet

See the Pen Animated Verbs II by Ryan Mulligan (@hexagoncircle) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.