CSSで影をつける ― 2008/10/14 18:43
Box-shadow, one of CSS3’s best new features - CSS3 . Infoを見てると、box-shadowというのが、Safari 3+ と Firefox 3.1 (Alpha)で使えるとあったのでやってみた。
-moz-box-shadow:
と書かないと表示されなかった。この前のborder-radiusも-moz-と-webkit-があったので、Safariは表示されてないだろう(今回は-moz-のみ記述した)。
Firefox 3.1βpre(build2)で見るとこんなふうに見える。

こんなところにおおきくしてみたの弊害が……100ドットほど小さいだけです(笑)。
余談
いつもなら、βにすらなってないのは手を出さない(というか、リリース直前のRCくらいしか試さない)のだけど、Fx 3に比べて体感で5割くらい速いのと、MX1100のフリーホイールの組み合わせが快適すぎてもどれない。
たまに落ちるのに、それでもFx 3.1の方を起動してしまうw
Fx 3.1とLogicoolのフリーホイール付きマウスの組み合わせはヤバイ。
マジおすすめwww
box-shadow: 10px 10px 5px #888;とか書いてあるけど実際は
padding: 5px 5px 5px 15px;
-moz-box-shadow:
と書かないと表示されなかった。この前のborder-radiusも-moz-と-webkit-があったので、Safariは表示されてないだろう(今回は-moz-のみ記述した)。
Firefox 3.1βpre(build2)で見るとこんなふうに見える。

こんなところにおおきくしてみたの弊害が……100ドットほど小さいだけです(笑)。
余談
いつもなら、βにすらなってないのは手を出さない(というか、リリース直前のRCくらいしか試さない)のだけど、Fx 3に比べて体感で5割くらい速いのと、MX1100のフリーホイールの組み合わせが快適すぎてもどれない。
たまに落ちるのに、それでもFx 3.1の方を起動してしまうw
Fx 3.1とLogicoolのフリーホイール付きマウスの組み合わせはヤバイ。
マジおすすめwww
最近のコメント