用CSS3创建一个弯曲的盒子阴影

时间:2011-11-18 10:42:13

标签: html css css3

是否可以使用CSS3创建弯曲的盒子阴影?下面是我要问的图片:

enter image description here

1 个答案:

答案 0 :(得分:2)

Kyle Sevenoaks是对的,但尝试使用渐变色:

.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 */
}