You definitely should have seen those advanced CSS text effects for now already; they are rapidly getting popular as upcoming and current trends in good web design. The best thing about these effects is it can be achieved with pure CSS, no more image replacements and image heavy web designs. In this article I showcased all the best-explained CSS tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this article to bookmarks so the next time you create a new design in Photoshop with letterpress, shadowed etc. effects, – you can create them just with pure code!
Typography takes also very important role in good web designs, so I strongly recommend reading articles I featured there as well! Enjoy and get inspired for your new, advanced web designs!
Yet another very similar tutorial about text gradients, but maybe you’ll like both variants trying to explain really how CSS text gradient effects work.
The article is based on the same technique as CSS text gradients using it to add grunge type effect to your typo!
8. Text Embossing Technique With CSS
Example from AlexBuga homepage.
10. CSS Drop Shadows
Make cool and clever text effects with CSS text-shadow. A very detailed article teaching you a lot of hidden tips how to achieve text glowing, embossing, and shadowing with just few steps.
Pretty cool CSS background effect, which can be applied on hover giving a lot of options use it in a creative way!
15. How To Implement sIFR3 Into Your Website
16. How To Use Any Font You Wish With FLIR
For Further Reading – More Typography Tips In Sucessful Web Designs
18. Advanced Typography Techniques Using CSS
Beautiful article explaining simple but very effective CSS tricks on how to achieve beautiful typography effects with just a few lines of code.
Nick La teaches how to apply the right contrasts and flow in your web designs by explaining why and what works and how to achieve that effect.