2011-11-18 56 views
2

是否可以用CSS3创建弯曲的盒子阴影?下面是什么,我问的图像:用CSS3创建弯曲的盒子阴影

enter image description here

+2

这是不可能只用一个元素。您必须使用一些额外的阴影和旋转div来创建您之后的效果,但使用bg图像会更容易。 – Kyle

回答

2

凯尔塞文欧克斯是正确的,但试图利用梯度:

.rad_gra{ 
background:-moz-radial-gradient(center, #fff, #adf); 
background:-webkit-radial-gradient(center, #fff, #adf); 
background:-ms-radial-gradient(center, #fff, #adf); 
background:radial-gradient(center, #fff, #adf); 
} 

.lin_gra{ 
background:-moz-linear-gradient(top, #fff, #adf); 
background:-webkit-linear-gradient(top, #fff, #adf); 
background:-ms-linear-gradient(top, #fff, #adf); 
background:linear-gradient(top, #fff, #adf); /* W3C Standard */ 
} 
+0

这不是你需要的渐变..只是一个例子它是如何工作的 – badfur