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.