CSS 仅显示阴影的右侧和底部
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/6378518/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Show only right and bottom parts of a shadow
提问by fish man
How to show only right
and bottom
parts of a shadow?
如何只显示right
和bottom
阴影的部分?
I know box-shadow
can set a bottom. but how to set in -webkit-box-shadow
and -moz-box-shadow
?
我知道box-shadow
可以设置一个底部。但是如何设置-webkit-box-shadow
和-moz-box-shadow
?
box-shadow-bottom: 0px 4px 4px black;
box-shadow-bottom: 0px 4px 4px black;
采纳答案by fijter
box-shadow:
框阴影:
first argument: bottom offset, second: right offset, third: blur, fourth: color for -moz and -webkit it's the same. So for a bottom right shadow of 4px with 4px blur:
第一个参数:底部偏移,第二个:右偏移,第三个:模糊,第四个:-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;
回答by Connor Smith
The same way I am pretty sure:
同样的方式我很确定:
-moz-box-shadow: 10px 10px 5px #222;
-webkit-box-shadow: 10px 10px 5px #222;
box-shadow: 10px 10px 5px #222;