[CSS]「background-clip」を使って、テキストの下に画像を表示するスタイルシート

CSS3の「background-clip」を使って、テキストの下に画像を表示するスタイルシートを紹介します。 また、CSSの特定のプロパティに対する、サポートブラウザと非サポートブラウザへの対応方法も解説されています。 Show Image Under Text (with Acceptable Fallback) デモページ [ad#ad-2] デモはWebkit系ブラウザ（Chrome, Safari）でご覧ください。 マウスホバーでCSS3アニメーションも楽しめます。 マウスホバー時のキャプチャ 「background-clip」は背景の適用範囲を指定するプロパティで、対応していないFirefox 3.6で表示すると下記のようになります。 ※Firefox 4では対応予定 非対応ブラウザでの表示 [ad#ad-2] アイデアのベースとなったスタイルシートは、下記のようになります。

[nagomidon]

background-clip

[boyasan]

background-clip

[nors]

http://css-tricks.com/image-under-text/

[edo_m18]

面白い機能があっても、それを気兼ねなく使えるのがいつかが気になる・・。

[yanbow]

css

[gonta02]

「background-clip」を使って、テキストの下に画像を表示するスタイルシート

[kkeisuke]

CSS3

[fooo]

画像をテキストで抜いたように見せるcss：background-clip　対応：webkid系ブラウザのみ（Firefox4では対応予定らしい）

[fukupage]

これおもしろいなぁ