[css3 images] radial gradient question

There's slight ambiguity about color stop handling for radial gradients.

Consider the following:

div {
  width: 200px;
  height: 200px;
  background-image: radial-gradient(left, circle, closest-corner, red, green 100px, blue);
}

The 100% point of the gradient is either of the left corners, but the
green color stop is in that same location. Is the expected rendering
to extend the green to fill the rest of the square, or to have a sharp
boundary between green and blue, and fill the rest with blue?
Firefox does the former.

Simon

Received on Sunday, 2 January 2011 22:27:19 UTC