我可以按照我想要的方式混合一个div吗?我知道我可以用
body {
box-shadow: 10px 10px 10px 10px white;
}来接近,但我想要做的是均匀地混合所有的边(上,下,左,右)。长方体阴影似乎真的只混合了3个边,给出了3D效果。我不是真的对3D感兴趣,只是想把我所有的边缘都融入到背景照片中。
救命啊,朋友们!
发布于 2014-05-08 03:07:07
只需阅读您要将"10px 10px 10px“应用于什么..
http://css-tricks.com/snippets/css/css-box-shadow/
你给水平和垂直偏移10px和10px,这就是为什么你会得到3d效果。
只需删除它们:
box-shadow: 0 0 10px 10px white;http://jsfiddle.net/wAcC6/
例如。
发布于 2014-05-08 03:05:52
参见http://css3gen.com/box-shadow/和http://css-tricks.com/snippets/css/css-box-shadow/ You have remove垂直偏移和水平偏移
http://jsfiddle.net/d552b/
-webkit-box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.75);
box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.75);方框阴影组件的说明
阴影的水平偏移,正表示阴影将在长方体的右侧,负的偏移量将阴影放在长方体的左侧。阴影的垂直偏移,负数表示长方体阴影在长方体的上方,正数表示阴影在长方体的下方。
https://stackoverflow.com/questions/23526143
复制相似问题