Wave Text Animation in CSS

Image: Wave Text Animation in CSS GIF

This text animation was designed by Anton Mudrenok, the 1st character in the text has a dot underneath it and it moves to the right pushing each character a little to the top creating a wave effect.

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

Wave Text Animation Snippet

See the Pen wave (CSS animation) by Anton Mudrenok (@mudrenok) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.