如何制作这个渐变和阴影框

Question

如何从附加图像创建此渐变和阴影框？

由于

Answer 1

我不确定这是否是你需要的，但基本上它会创建一个带有渐变和阴影的盒子。

.box
{
    background: #EEEEEE; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#EEEEEE'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EEEEEE)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FEFEFE,  #EEEEEE); /* for firefox 3.6+ */  
    -moz-box-shadow: 2px 2px 2px #BEBEBE; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #BEBEBE; /* Safari, Chrome */
    box-shadow: 2px 2px 2px #BEBEBE; /* CSS3 */
}

Answer 2

你可以自己检查这些信息：

http://css3generator.com/

http://www.colorzilla.com/gradient-editor/

Answer 3

试试这个js小提琴：http://jsfiddle.net/w6nLA/3/