This is Shadowed Text



This is what the above text should look like:
shadowed text image

Notes on this design 6-12-07

Having recently downloaded the Safari Browser now that Apple released it for the Windows platform, I can now test my websites' compatibility in yet another browser. I also took the time to look through some of the developer specs that Apple has on their developer connection site. One of the first things I noticed was a long list of the CSS properties which Safari supported. Scrolling through this list, I saw the "text-shadow" property of CSS 2. This was the first time I encountered this CSS property, and I wondered just how many browsers actually supported it.

This test shows that only Safari supports this. I tested in four browsers: Firefox 2.0.0.4; Safari 3.0 Beta; Opera 8.5; and Internet Explorer 6. This has a lot of potential; I do a lot of drop-shadows when designing logos or page mastheads, but sadly I can't implement this on my website. It could be useful when putting together logos, however, as I can do this code far faster than I could achieve the same effect in Photoshop.

Return to Code Tests Index.