Words are better when they’re animated. Discover the best text effects from around the web.
With the latest design trends of slanted shapes and headers dominating the web, it’s safe to say that there are huge libraries and templates to choose from when it comes to the look and feel of a website. But what about the message? The functionality of headline animations can be combined with these trends to make a strong yet impressive statement.
Most of the items below have been tested on various browsers and are safe to use on your site while others are experimental and created simply to be a fun exercise.
Here’s one for the coder. Codrops is a blog that provide readers with tutorials, trends and inspiration for the web. In March 2016 they published an article on how to animate SVG letters with a plugin using Segment.
Codrops also has a whole stack of other typographic examples for the web that will make your jaw drop.
Ever heard of CodeCanyon? It’s Envato’s own website library for plugins and code scripts created by a community of developers with over 21.000 items to choose from. One of them is textChaos which is a text animation plugin that allows you to add unique and abstract CSS3 text animations to your page.
The animation files can then be imported into WordPress (check out their WordPress guide), comes with mouse events support and is SEO friendly.
Some of the functions available are:
- Responsive design
- Animating both letters and words
- Control speed and stagger
- Full compatibility with all the latest browsers with fallback for older browsers