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

【问题标题】：how to make this gradient and shadow box如何制作这个渐变和阴影框
【发布时间】：2011-12-20 06:14:11
【问题描述】：

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

谢谢

【问题讨论】：

标签： css gradient photoshop

【解决方案1】：

你可以自己生成检查这些链接：

http://css3generator.com/

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

【讨论】：

这两个工具对制作阴影框和渐变框帮助很大。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

试试这个 js fiddle :http://jsfiddle.net/w6nLA/3/

【讨论】：