At present, 3D text effect’s contribution is increasing day by day. The use of 3D text is a great addition to almost any design project. It makes the text look more interesting, adds depth to the design, and is definitely an eye-catching element when created nicely.
Here is a list of 25 amazing 3D text effects and those are easy to setup, easy to customize. Those Effects will help you create high quality, elegant 3D text pretty easily and quickly – Free for both personal and commercial use. Enjoy!
1. Bubbling Text Effect
A jQuery powered example of how you can create a bubbling effect on a HTML heading. The bubbles appear as though they’re coming from behind the text, and then fade out and are removed.
Made by html5andblog
2. CSS Text Stroke
Change the text to see the animation again.
Made by Ignacio Correia
3. 3D Extrude Text Effect
HTML and CSS 3D extrude text effect
Made by Pete Leidy
4. 3D Text Effect – Mousemove
Nice 3D Text effect with jQuery mousemove.
Made by Dennis Garrn
5. Animated Wave Clipped By Text
Animated wave inside text with svg. Image in the background and gradient filling the wave.
Made by web-tiki
6. Break/Animate Warping Text Paragraph Example
Made by James
7. Smoky Text
Combining text-shadow and CSS transforms (especially skew) for a smoky (or smokey?) effect.
Made by Bennett Feely
8. 3D CSS Typography
3D CSS typography with HTML and CSS(SCSS).
Made by Noah Blon
9. Animated Text Fill
Made by Daniel Riemer
10. Pure CSS Text Animation
HTML and CSS text animation.
Made by Robin Treur
11. Text Color Draw
Path drawing of text using greensock’s drawSVG plugin.
Made by CJ Gammon
12. Animating SVG Text
HTML, CSS and SVG animating text.
Made by Fabio Ottaviani