首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何创建明亮的椭圆形CSS3阴影

如何创建明亮的椭圆形CSS3阴影
EN

Stack Overflow用户
提问于 2012-03-28 18:55:51
回答 4查看 12K关注 0票数 3

我知道如何使用CSS3阴影。然而,我正在尝试实现一个特定的设计。我想让阴影在左边和右边的边缘变亮和淡出很多,请看附件中的图片。

我想出的唯一代码如下所示。但不确定如何让边缘淡出更多。

代码语言:javascript
运行
复制
 .shadow {box-shadow: 0 10px 6px -6px #000000;}

任何提示都是有帮助的

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-03-28 19:20:14

我使用长方体阴影,边界半径和剪辑的组合。

http://dabblet.com/gist/2225507

票数 13
EN

Stack Overflow用户

发布于 2012-03-28 19:20:18

像这样的东西?

盒子-阴影: 0px 20px 37px -28px #000000;

参数说明:CSS3's Box-Shadow Adds Drop Shadows, Inner Shadows

票数 2
EN

Stack Overflow用户

发布于 2012-03-28 20:17:11

您好,您可以创建椭圆形状的css3阴影通过边界半径和方框阴影....

或者可以观看现场演示:-http://jsbin.com/elacen/5/edit

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

https://stackoverflow.com/questions/9906040

复制
相关文章

相似问题

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