CSS3影の方向

これを理解できないようです。CSS3影の方向

これは右上に表示されます。私は左下に行く必要があります。

box-shadow: -3px -3px 0 3px #333; 
-moz-box-shadow: -3px -3px 0 3px #333; 
-webkit-box-shadow: -3px -3px 0 3px #333;

このためにはタイプリファレンスブックが必要です。私は約1時間グーグルで結果が出てこなかった。

出典

2011-12-21 Anonymous

だけnitpickを、それが（最初の最後の（ 'ボックスshadow'）およびベンダー固有のもの' -moz-ボックスシャドウを標準のプロパティを置くのがベストプラクティスです：は、左下のために、このような何かを行います'）。このようにして、利用可能であれば標準プロパティーが使用されます。ところで、あなたのGoogle検索用語は何だったのですか？私の[ボックスシャドウ]（https://www.google.com/search?q=box+shadow）の結果は、これに答えることのできるページをたくさん生み出しています。 –

'-3'は' 3'に変更するのに十分な兆候ではありませんか？ちょっとした宿題。 –

私はそれに注意します。 Madmartigan。しかし、私は周りを検索し、css3.infoを見つけました。私はそれを試しましたが、私はそれを動作させるためにいくつかのショットを苦労し、ページをリロードし、全く影を見ないようにします。 –

最初のパラメータX（+右である - 左）である - 第三ボケ及び記載はstrenghである第二のは、Yが（最大で+ダウンしている）です。

box-shadow: -3px 3px 0 3px #333;

出典

2011-12-21 13:25:47 Toping

それは私に3秒かかったし、用語 'CSS3の影' と私はthisを見つけ;）

div.shadow { 
    -moz-box-shadow: -3px 3px 0 3px #333; 
    -webkit-box-shadow: -3px 3px 0 3px #333; 
    box-shadow: -3px 3px 0 3px #333; 
}

出典

2011-12-21 13:21:10 Michiel

ここCSS3エディタです。ここでは、非常にWYSIWYGの方法でボックスシャドウ（および他の甘いCSS3のもの）を作成することができます。多分それはあなたがそれがどのように同様に働くかを理解するのに役立つだろうか？

http://www.css3maker.com/box-shadow.html

出典

2011-12-21 13:24:35 Filip

答えて

関連する問題