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

海外のサイトでよく見かけるレタープレスのエフェクトを実装するスタイルシートをLINE 25から紹介します。 Create a Letterpress Effect with CSS Text-Shadow demo レタープレスのエフェクトはCSS3で実装されているため、デモはSafari3, Firefox3.5などCSS3に対応したブラウザでご覧ください。 HTMLとCSSはシンプルです。 HTML

[mosi_mosi]

CSS

[forestk]

これやるなら text-shadow: 0px 2px 3px rgba(255,255,255,0.25); とかにした方が背景色変わっても暗い色なら大丈夫なので便利。text-shadow に対応してる Safari, Opera, Firefox 全て最新版で RGBA 対応してるはず

[Layzie]

そろそろタイトルに"CSS3"とか入れて欲しいなり…。

[kurenai7]

text-shadowで実装できる

[kurechon]

text-shadowで実装できる

[raichi026]

_css3でできるレタープレス

[tricot1]

CSS3でレタープレスを表現

[mitchikeuchi]

海外のサイトでよく見かけるレタープレスのエフェクトを実装するスタイルシートをLINE 25から紹介します。レタープレスのエフェクトはCSS3で実装されているため、デモはSafari3, Firefox3.5などCSS3に対応したブラウザでご覧く