横は正の数だと右へ、負の数だと左へいきます縦は正の数だと下へ、負の数だと上へいきます影のぼかしは自然数しか設定出来ません。0は原型(ぼかしなし)です。カンマ区切り(,)で、複数の影も設定出来ます。(Ex.2)色をrgbaで設定できます。opacity的な感じで便利かも。基本的にはtext-shadowと同様に横は正の数だと右へ、負の数だと左へ縦は正の数だと下へ、負の数だと上へいきます。影の色も同様にRGBa形式でも指定が出来ます。捉え方としては、ボックスの中に同じ大きさのボックス(影ボックス)がぴったりくっついてるイメージです。*/}影をぼかす基本的な使い方は同じです。応用的な感じで使ってみましょう。*/}上記の例を見ますと、下以外にも影が出てしまっているのが分かります。下だけに影を表示させる場合は、下記のように「広がり」を設定します。*/}いい感じに下の影だけ出るようになりました。大よその目安としては、移動させたpx分「広がり」をマイナスさせるといいと思います。何パターンか試してみます。*/}二方向でも対応出来ます。*/}ちなみに、移動させたpx分「広がり」をマイナスしなくても大丈夫です。目安ですので、いい感じのところを探して設定してみて下さい。*/}内部に影を入れる今までボックスの外部に影を設定してきましたが、内部に影を設定する事が出来ます。つけると内部に影がつきます。注意点としては、影のつく場所が逆になります。横は正の数だと左へ、負の数だと右へ縦は正の数だと上へ、負の数だと下へ影がつきます。単純に逆になると覚えてもいいですが、私的にはどっちが右どっちが左なのか分からなくなるので、insetにすると影ボックスが動くのではなく、ボックスが動くイメージで覚えてます。inset;の場合、ボックスが右に5px、下に5px動くという感じです。*/}広がりについては、イメージ通りで単純に内側に影が付きます。*/}その他、ぼかしについては前項で記載した通りに動くと考えてもらえたらいいと思います。