web-dev-qa-db-ja.com

影の右下部分のみを表示

影のrightbottomの部分だけを表示するにはどうすればよいですか?

私はbox-shadowが底を設定できることを知っています。しかし、-webkit-box-shadow-moz-box-shadowで設定する方法は?

box-shadow-bottom: 0px 4px 4px black;

13
fish man

ボックスシャドウ:

最初の引数:下のオフセット、2番目:右のオフセット、3番目:ぼかし、4番目:-mozと-webkitの色は同じです。したがって、4pxのぼかしを含む4pxの右下の影の場合:

-moz-box-shadow-bottom: 4px 4px 4px black;
-webkit-box-shadow-bottom: 4px 4px 4px black;
box-shadow-bottom: 4px 4px 4px black;
11
fijter

私がかなり確信しているのと同じ方法:

-moz-box-shadow: 10px 10px 5px #222;
-webkit-box-shadow: 10px 10px 5px #222;
box-shadow: 10px 10px 5px #222;
21
Connor Smith