首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS混合<div>的所有边缘

CSS混合<div>的所有边缘
EN

Stack Overflow用户
提问于 2014-05-08 03:02:40
回答 2查看 1K关注 0票数 0

我可以按照我想要的方式混合一个div吗?我知道我可以用

代码语言:javascript
运行
复制
body {
    box-shadow: 10px 10px 10px 10px white;
}

来接近,但我想要做的是均匀地混合所有的边(上,下,左,右)。长方体阴影似乎真的只混合了3个边,给出了3D效果。我不是真的对3D感兴趣,只是想把我所有的边缘都融入到背景照片中。

救命啊,朋友们!

EN

回答 2

Stack Overflow用户

发布于 2014-05-08 03:07:07

只需阅读您要将"10px 10px 10px“应用于什么..

http://css-tricks.com/snippets/css/css-box-shadow/

你给水平和垂直偏移10px和10px,这就是为什么你会得到3d效果。

只需删除它们:

代码语言:javascript
运行
复制
box-shadow: 0 0 10px 10px white;

http://jsfiddle.net/wAcC6/

例如。

票数 2
EN

Stack Overflow用户

发布于 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/

代码语言:javascript
运行
复制
-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);

方框阴影组件的说明

阴影的水平偏移,正表示阴影将在长方体的右侧,负的偏移量将阴影放在长方体的左侧。阴影的垂直偏移,负数表示长方体阴影在长方体的上方,正数表示阴影在长方体的下方。

  • The模糊半径(可选),如果设置为0,阴影将是清晰的,该数字越大,阴影将越模糊。

  • The扩散半径(可选),正值会增加阴影的大小,负值会减小大小。默认值为0(阴影与模糊的大小相同)。

  • Color
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23526143

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档