Text effects must be carefully applied in web design: they’re easily overused, and can look gaudy. But if you do need them, there’s a range of possible techniques.
Most of these techniques involve CSS, although the advanced examples also employ SVG and (sometimes) JavaScript. For that reason, I’d suggest a fairly thorough background in HTML, CSS (particularly CSS typography) and a little in the basics of SVG.
Total time: 5 hours
Text Shadows
-
Stroked text
Extruded text
Animated Neon Sign
Brushed Metal Lettering
Text Clipping Mask
Photograph by Axel Taferner, used under a Creative Commons Attribution NonCommercial ShareAlike license.
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.