Your Web News in One Place
March 26, 2020 02:36 am GMT

How to Animate Text with SVG and CSS

The other day I was helping my pal Jez work Dept. of Enthusiasm, the site for his newsletter, and I had a thought. What if we made the word enthusiasm in the title animate a little bit? Like, what if each of the letters in the word bopped up and down enthusiastically?

Like this:

CodePen Embed Fallback

Neat, huh? To build this thing I knew we could use SVG for the text and then animate things with CSS. Each … Read article “How to Animate Text with SVG and CSS”

The post How to Animate Text with SVG and CSS appeared first on CSS-Tricks.


Original Link: https://css-tricks.com/how-to-animate-text-with-svg-and-css/

Share this article:    Share on Facebook
View Full Article

CSS Tricks

A Web Design Community curated by Chris Coyier

More About this Source Visit CSS Tricks