2011-11-18 55 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