как сделать этот градиент и тени

Question

Как я могу создать этот градиент и блок теней из прикрепленного изображения?

Спасибо

Answer 1

Вы можете сгенерировать себя, проверьте эти значения:

http://css3generator.com/

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

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

Answer 3

попробуйте это js fiddle: http://jsfiddle.net/w6nLA/3/