Re: [css3-images] simplifying radial gradients - Lea Verou gallery

On Oct 8, 2011, at 2:11 AM, Brian Manthos wrote:

> You are incorrect.  Your proposal doesn't *directly* support *in gradients* the expressed capabilities.  Gradients are supported as a flavor of <image> which is exposed by CSS3 Images more broadly than just backgrounds.  As such, using background properties to simulate behavior is an apples to oranges comparison.

It has always been my contention that <bg-position> inside the gradient is mostly redundant to using background-position, because the vast majority of use cases and needs for radial gradients are within backgrounds. The fact that you could also conceivably use them as bullet points or carefully constructed border images is almost (not quite, but almost) incidental, and doesn't demonstrate a need for extra complexity for that limited extra use. If we are optimizing for a particular use case, it should be for use in backgrounds.

> If you'd like to propose that [1] we remove "gradients as <image>" and [2] add back "gradients as part of the background-image grammar", we can have that discussion.  But I haven't yet heard that proposed.

No one is proposing that. The simple and still powerful way to include them in backgrounds is to take advantage of the existing background properties for positioning and sizing and repeating an image, and to have the gradient function stand in place of the url function. That is what we have, and we don't need to repeat all background functionality within the image itself. 

If we follow your logic to its extreme (as you did when you demonstrated how to get more extreme in simplifying [1]), then we should also put <bg-repeat>, <bg-attachment>, and multi-gradient layering within the image, in case some authors want to include even more background-like power in their list images. Or in case if someone wants to include their logo in front of a gradient in their list image, we could add a <bg-image> parameter too. The line between power on one end and simplicity on the other has to be drawn somewhere. I would just drawing it closer to simplicity for CSS gradients than you would.

>> -----Original Message-----
>> From: Brad Kemper []
>> Sent: Saturday, October 08, 2011 1:00 AM
>> To: Brian Manthos
>> Cc: Sylvain Galineau; Alan Gresley; L. David Baron;
>> Subject: Re: [css3-images] simplifying radial gradients - Lea Verou
>> gallery
>> On Oct 7, 2011, at 4:00 PM, Brian Manthos <>
>> wrote:
>>> Exactly 50% of the radial gradients usage in Lea's page aren't
>> directly supported by Brad's proposal.
>> That's not right. You are including everything with bg-position in it,
>> including those where an actual <background-position> would work just
>> as well or better.


Received on Saturday, 8 October 2011 23:01:04 UTC