2011-10-12

角丸 シャドウ  【CSS3】

◆角丸
border:5px solid #ffcc99;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;




◆シャドウ
box-shadow:1 px 1 px 5 px #000;
-moz-
box-shadow:1 px 1 px 5 px #000;
-webkit-
box-shadow:1 px 1 px 5 px #000;

:横 縦 ぼかし #色;


横を『0』にすると両サイドに影ができる。

綺麗だった比率は : 0 0 0.2em #色;
※IEだと、0ゼロにすると消える…

解決策を探すのが面倒なので、IEだけ背景にいれるしかない。

とっても親切参考サイト↓
http://www.tagindex.com/stylesheet/filter/glow.html
http://www.htmq.com/style/filter.shtml

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報