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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 00:47:37  来源:igfitidea点击:

Show only right and bottom parts of a shadow

cssshadow

提问by fish man

How to show only rightand bottomparts of a shadow?

如何只显示rightbottom阴影的部分?

I know box-shadowcan set a bottom. but how to set in -webkit-box-shadowand -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;