customer service
+6113001307771300 130 777
Web Bird Digital – Web Design AgencySutherland Shire's web design specialistsinfo@webbird.com.au+611300130777

Interactive Character Transformations

Building Something Fancy

Sometimes you want something fancy and different in your UI to draw your attention. You can use a slider, accordion or many of the other pre-built solutions, but something you want something entirely different.

I’ve recently written an article on how you can take a series of words and split them into characters. Each of these characters can be individual animated in with CSS for interesting effects. Have a look at the embedded preview below.

See the Pen Animating single characters in a string by Simon Codrington (@simoncodrington) on CodePen.

Each of the characters bounces up and down and fades in.

You can create something as wild as this or perhaps just a basic fade in for a typewriter effect.

Interested in The Technicalities?

If you’re interested in learning more you should have a read of the article to see how this effect is achieved.

Keep reading

More practical advice from the Web Bird Digital team.

Ready for take-off?

Find out what your website should be doing for you

Book a free website review and we’ll look at your site, your Google presence and your socials, then tell you plainly where the opportunities are. No obligation and no hard sell.

Visit

Shop 5, 589 KingswayMirandaNSW2228au
Web Bird Digital – Web Design AgencySutherland Shire's web design specialistsinfo@webbird.com.au+611300130777

Call

customer service
+6113001307771300 130 777
Web Bird Digital – Web Design AgencySutherland Shire's web design specialistsinfo@webbird.com.au+611300130777

Email

aW5mb0B3ZWJiaXJkLmNvbS5hdQ==

Tell us where you’re at

You’re requesting: Free website review

You’re requesting: Book a consultation

We reply within one business day. Real people, based in Sydney.