« Film Festival Posters (Second Draft) | Main | Evergladdies »

CSS 3: Shadow for Text

dco1design22.png

Now, the cool thing to note in this picture, is that the top "dco1" is a picture, but is embedded in CSS, yet, that is not the point....

THE AMAZINGEST THING OF THIS PICTURE is the fact that it is using CSS text-shadow to make the nice shadows (as this excerpt from the CSS shows) ALSO, the text at the bottom is slightly transparencied (RedGreenBlueALPHA!):::

text-shadow: 0px 2px 3px black;
color: rgba(255,255,255,0.9)

The SAD THING is that most browsers do not support this CSS function (text-shadow and opacity) yet. Apple's Safari browser does (which Is why I am able to see it and show this to you...)

Think of the implications, even fewer images would need to be downloaded because all the styling of headline text would be done through CSS!