
CSS drop shadow effect
I discovered today that Safari is one of the only browsers that supports the text shadow attribute in CSS. I found that sort of odd. Since few people use Safari (it’s the Mac OS X default browser so if you don’t have a Mac you can’t use it) I figured I’d show you all what part of this site layout looks like to me. In case you are curious, the following is how I created the shadow:
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-shadow: #111 2px 2px 2px;
font-weight: bold;
}