ドロップシャドウをdivにかける

最近、多くのサイトで動作しないドロップシャドウのcssがありましたので、下記に今(2012.10.25)動くコードを記載します。

div{
    box-shadow: 100px 100px 40px  #000;
    -moz-box-shadow: 100px 100px 40px #000;
    -webkit-box-shadow: 100px 100px 40px #000;
}

引数は

1つめ:x方向の移動

2つめ:y方向の移動

3つめ:ぼかしの大きさ

4つめ:色

  • written on 2012.10.25
  • category : css

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑