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

Re: [css3-images] Changing the angles in gradients

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 18 May 2011 10:46:56 -0700
Message-ID: <BANLkTikrJUzigfs6-5mDeiy4Wm7VLTYApw@mail.gmail.com>
To: Alan Gresley <alan@css-class.com>
Cc: www-style list <www-style@w3.org>, "Robert O'Callahan" <rocallahan@gmail.com>, Simon Fraser <smfr@me.com>
On Wed, May 18, 2011 at 10:40 AM, Alan Gresley <alan@css-class.com> wrote:
> On 19/05/2011 3:06 AM, Tab Atkins Jr. wrote:
>>
>> On Tue, May 17, 2011 at 12:57 PM, Tab Atkins Jr.<jackalmage@gmail.com>
>>  wrote:
>>>
>>> So, we have three choices:
>>>
>>> A) Keep the angles as they are, with 0deg=East and 90deg=North
>>> B) Switch to screen-coord polar, with 0deg=East and 90deg=South
>>> C) Switch to bearing angles, with 0deg=North and 90deg=East
>>
>> Based on the frankly overwhelming preference for C expressed in the
>> various feedback channels, particularly the css3.info poll, I'll
>> change the spec to use bearing angles.
>>
>> ~TJ
>
>
> This thread is about angles for linear-gradient. What orientation is the
> gradient with a linear-gradient that has no angle declared? What does this
> default to?
>
> <!doctype html>
>
> div {
>  height: 150px;
>  width: 150px;
>  border: 2px solid blue;
>  background: -webkit-linear-gradient(orange, orange 75px, blue 75px, blue);
>  background: -moz-linear-gradient(orange, orange 75px, blue 75px, blue);
>  background: -ms-linear-gradient(orange, orange 75px, blue 75px, blue);
> }
>
> <div></div>
>
>
> If it changes to C (0deg=North and 90deg=East), then the orange part of the
> gradient will face to the east. So instead of just changing the behavior of
> linear-gradient with angles, it will also change the behavior of
> linear-gradient with no angles declared.

The default orientation is still 'top', so changing the treatment of
<angle> won't affect those gradients.

~TJ
Received on Wednesday, 18 May 2011 17:47:45 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:40 GMT