Drift Diary XV

CSS3 Examples and Best Practices

Posted by drikin on 2010年2月17日 02:26
Screen shot 2010-02-17 at 2.18.16 AM

I had a slightly impressive from this blog entry.

CSS3 Examples and Best Practices: "Notice how Analog use a 1 pixel text shadow to make the text look embossed? The image in the green circle is captured with a text-shadow supported browser and the image in the red circle is captured with a unsupported browser."

Googleによる日本語変換はこちら

Especially, Emboss-Looking Text at first section is really useful. I known text-shadow that is new CSS3 property but I haven't been realizing 1 pixel shadow to make the text look embossed before.

This small improvement is useful for the almost of all websites. Then I've been trying to introduce it as the custom style sheet for Safari.

body { text-shadow: 0px 1px 1px #e6e6e6; } CSS3

It's really simple. I just put above css to the text file. And I specified this css file in the preference at Safari.

It will becomes the sites as a little bit more showy. Please try it.

このエントリーをはてなブックマークに追加
comments powered by Disqus