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

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

デモのキャプチャ

Create a Letterpress Effect with CSS Text-Shadow
demo

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

HTMLとCSSはシンプルです。

HTML

CSS

CSS:レタープレス箇所の指定

sponsors

top of page

©2024 coliss