Web事業部実績紹介
Web事業部実績紹介
2010.10.31

cssでドロップシャドウ

はやち

css3でグラデーションや角丸の他になんかcss上でデザイン出来ちゃうものあいかなと思い探してみました。
ちょっとメモがてらに紹介したいと思います^^

css

#shadow {
  width:300px;
  height:300px;
  background-color:#ffffff;
  border:1px solid #ccc;
  -webkit-box-shadow:3px 10px 3px #666666;
  -moz-box-shadow:3px 10px 3px #666666;
}

こんな感じになります^^

画像も使わず立体感のあるボタンが作れそうですね
友人と制作している個人サイトに使ってみようと思います^^
一応デザインができているので早くコーディングせねば;;