WebKit が CSS 3 box-shadow に対応
WebKit のナイトリービルドが box-shadow プロパティ（-webkit-box-shadow）に対応してます。これはうれしい実装情報ですね。ほかのブラウザでも、こうやって角丸やドロップシャドウに、だんだん画像を使わなくても良いようになってくると良いのですが。
WebKit とは？
要するに Safari のベースになっている Cocoa ベースのブラウザコンポーネントです。
サンプル
WebKit CSS 3 box-shadow Example
WebKit での CSS 3 box-shadow プロパティは、-webkit-box-shadow: [右方向の影の長さ] [下方向の影の長さ] [ぼかし半径] [色]; で指定します。たとえば -webkit-box-shadow: 2px 2px 2px #666; のような具合です。
W3C のドラフトでは、カンマ区切りで複数の光源によるドロップシャドウ効果も想定しているようですが、WebKit では、今のところそこまでは対応していないようです。ただ -webkit-border-radius と組み合わせれば、ボックスに角丸＋ドロップシャドウ効果を同時につけることができます。
WebKit での表示状態
| 固定リンク
「［Web］XHTML」カテゴリの記事
- HTML の見出しをめぐる議論(2007.07.11)
- Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか?(2007.06.03)
- 論理構造を文脈に読み換えながら class 名を考える(2007.05.30)
- 定義リストの違和感（続）(2007.05.28)
- 定義リストの違和感(2007.05.26)
「［Web］ブラウザ（Safari, WebKit, Konqueror）」カテゴリの記事
- 主要ブラウザのデフォルトCSS(2007.07.26)
- Apollo（+ Scout）のレンダリングは Safari 互換か？(2007.03.20)
- WebKit が CSS 3 box-shadow に対応(2007.01.09)
- CSS 3 は Konqueror がアツイ！(2006.10.17)
この記事へのコメントは終了しました。
コメント