如何创建椭圆形的CSS3阴影 [英] How to create a light oval-shaped CSS3 shadow

问题描述

我知道如何使用CSS3阴影.但是，我正在尝试实现特定的设计.我希望阴影变得更亮并且在左右边缘逐渐消失，请参见所附的图像.

I know how to use CSS3 shadows. However I am trying to achieve a specific design. I want the shadow to be a lot lighter and faded off on the left and right edges, please see image attached.

我想出的唯一代码如下.但不确定如何使边缘更多地淡出.

The only code I have come up with is the following. But not sure how to make the edges fade out more.

 .shadow {box-shadow: 0 10px 6px -6px #000000;}

任何提示都是有帮助的

推荐答案

我使用了框阴影，边框半径和剪辑的组合.

I use a combination of box-shadow, border-radius and clip.

http://dabblet.com/gist/2225507

这篇关于如何创建椭圆形的CSS3阴影的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！