W3C home > Mailing lists > Public > www-style@w3.org > January 2011

[css3 images] radial gradient question

From: Simon Fraser <smfr@me.com>
Date: Sun, 02 Jan 2011 14:26:25 -0800
Message-id: <B46DBFA5-CA73-42B9-8A65-65BE8D0EC2DD@me.com>
To: www-style list <www-style@w3.org>
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.

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

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:07:54 UTC