10 resources to get the most out of the CSS text-shadow property
The CSS text-shadow property is very popular among web designers and front-end developers. In this article, let’s have a look to 10 resources to get the most out of the text-shadow CSS property.
Create a Letterpress Effect with CSS Text-Shadow
Let's start this list of tutorials with one that will definitely show you the potential of the text-shadow property. In this tutorial, you'll learn how to create a stunning (and very popular theses days) text effect using CSS and the text-shadow property.
» Read tutorial
Creating cross browser compatible CSS text shadows
As text-shadow is a part of CSS3, some browsers (who said IE??) didn't implemented it yet and you have to use some hacks to make it work properly.
The following article will show you how to create cross browser text shadows.
» Read tutorial
Improve the Quality of Bold Text in Safari with text-shadow
Although Mac OS X have a pretty good font rendering engine, bold text in Safari is often a bit dirty. Did you know that using the text-shadow property you can create beautiful bolds? This article will show you how to do.
» Read tutorial
CSS text-shadow Fun: Realtime Lighting Demo
Using the text-shadow CSS property as well as some JavaScript, funny experimental effects can be created. If you haven't already, you can definitely say goodbye to Flash.
» Read tutorial
Cross browser text shadow
The filter non-standard property, which have been created by Microsoft, can fix some compatibility issues of IE 6, 7 and 8.
This interesting article will show you how to efficiently use the filter property to create text effects similar to those you can get with text-shadow.
» Read tutorial
Mootools text drop-shadow
When you need a full cross-browser compatibility and still want to use CSS3 properties, JavaScript is always here to help. This tutorial will show you how to recreate the text-shadow CSS property using the MooTools JavaScript framework.
» Read tutorial
Text embossing technique with CSS
Text embossing is very popular in the world of web design and front-end web development. Indeed, even if I'm quite bored to see it on so many websites, it looks very nice.
And it is also very easy to implement. Just read this tutorial and you'll know how to do.
» Read tutorial
Photoshop like effects using CSS
Some browsers allow multiple values to the text-shadow property, which allow you to create effects like this one. I don't think I'll implement that kind of effect on my websites, but I'm happy to know how I can do it.
» Read tutorial
"Acid" text effect using text-shadow
Another nice text effect created using the text-shadow property. The page is in German, but happily everyone can understand the CSS code.
» Read tutorial
Super awesome buttons with CSS3
CSS buttons are very cool and they are a nice way to use your CSS3 skills. In this very nice tutorial, you'll learn how to create stunning buttons using text-shadow and a few other CSS3 properties.
» Read tutorial