How to create a light oval-shaped CSS3 shadow

Question

I know how to use CSS3 shadows. However I am trying to achieve a specific design. I want the shadow to be a lot lighter and faded off on the left and right edges, please see

Answer 1

Something like this?

box-shadow: 0px 20px 37px -28px #000000;

note about parameters: CSS3's Box-Shadow Adds Drop Shadows, Inner Shadows

Answer 2

you can play around with box-shadow and gradients here

css3 gen

but i don't think you can apply fading on the shadow

Answer 3

hi you can create oval shaped css3 shadow through border-radius & box-shadow....

or can see the live demo:-http://jsbin.com/elacen/5/edit

Answer 4

I use a combination of box-shadow, border-radius and clip.

http://dabblet.com/gist/2225507