[CSS]Photshopを使用しないで、スタイルシートで実装するレタープレス

海外のサイトでよく見かけるレタープレスのエフェクトを実装するスタイルシートをLINE 25から紹介します。

レタープレスのエフェクトはCSS3で実装されているため、デモはSafari3, Firefox3.5などCSS3に対応したブラウザでご覧ください。

HTMLとCSSはシンプルです。

<h2>Pure CSS Letterpress Effect</h2>

body {
	background: #474747 url(bg.png);
}
h2 {
	font: 70px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
}

color: #222;
text-shadow: 0px 2px 3px #555;

Post on:2009年8月28日