对css3的无效作用

时间:2013-07-17 09:54:28

标签: css3 photoshop css

我想知道我是否可以使用css3在形状上重现内部发光效果。 在全球范围内,我的效果如下:

Photoshop effect, consider only the inner glow

我尝试了以下css代码,但它不合适:有什么东西丢失了吗?

background-color: #58585a;
-moz-box-shadow: inset 0 0 90px rgba(4,3,48, 0.30);
-webkit-box-shadow: inset 0 0 90px rgba(4,3,48, 0.30); 
box-shadow: inset 0 0 90px rgba(4,3,48, 0.30); 

rgb颜色(4 3 48)是在结构案例中定义的颜色。

抱歉,我上传了两个结果,所以你可以看到差异这里是我想要的photoshop形状(你可以看到内部阴影不像另一个那么大)http://www.anselme.info/img/photoshop-shape.png

这是我使用上面提到的css3代码的网页形状 http://www.anselme.info/img/webshape-with-css3.png

1 个答案:

答案 0 :(得分:0)

试试这个:

-webkit-box-shadow: inset 0px 0px 90px 0px rgba(3,3,46,0.9);
-moz-box-shadow: inset 0px 0px 90px 0px rgba(3,3,46,0.9);
box-shadow: inset 0px 0px 90px 0px rgba(3,3,46,0.9);