【レビュー】CSSを使って背景画像で文字を描画する方法 | エンタープライズ | マイコミジャーナル

A Web Design Community curated by Chris Coyier. ChromeやSafariで採用しているレンダリングエンジンWebKitは「-webkit-background-clip」と「-webkit-text-fill-color」という2つのCSS3プロパティに対応している。「-webkit-background-clip」は背景をその上にレンダリングされるテキストなどに合わせて切り取る指定、「-webkit-text-fill-color」はテキストに対して透過などを指定できるプロパティになっている。この2つのプロパティを組み合わせると、背景画像で文字そのものをレンダリングするといったことができる。 このあたりの基本的なテクニックと、WebKit以外のブラウザと併用する場合の切り分け方法がShow Image Under Text (with A

[kkeisuke]

-webkit-background-clip -webkit-text-fill-color CSS3