Asymmetrical CSS Shadow

Question

Is there a way to create a shadow like this:

What I want is shadow that is bigger on the bottom-center than on the bottom-left/right.

Answer 1

http://jsfiddle.net/PtbNb/1/

<div class="box"></div>

.box {
    -webkit-box-shadow: -10px 32px 24px -28px rgba(0, 0, 0, 1);
    -moz-box-shadow: -10px 32px 24px -28px rgba(0, 0, 0, 1);
    box-shadow: -10px 32px 24px -28px rgba(0, 0, 0, 1);
    height:250px;
    width:250px;
    background:grey;
}

Generator: http://www.cssmatic.com/box-shadow