Question

I want an elliptical inner shadow like this. It should fade to complete transparency on the left and right edges.

So far, I’ve only been able to attain the following. It doesn’t even look like an ellipse anymore.

#someDiv {
    background: -moz-radial-gradient(
        50% 0%, 
        ellipse farthest-corner, 
        rgba(255,0,0,1) 0%, 
        rgba(255,0,0,0.00) 70%
    );
    border: 3px solid black;
    width: 30em;
    height: 20em;
}

Answer 1

replace ellipse farthest-corner with something like 70% 20% and tweak from there.

edit: http://jsfiddle.net/ufLYQ/