W3C home > Mailing lists > Public > www-style@w3.org > November 2009

Re: [gradients] basics

From: Brad Kemper <brad.kemper@gmail.com>
Date: Wed, 11 Nov 2009 14:40:03 -0800
Cc: fantasai <fantasai.lists@inkedblade.net>, www-style <www-style@w3.org>
Message-Id: <C9C84DF4-5FA7-4D27-B432-D131CBB5FA30@gmail.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>

On Nov 11, 2009, at 2:16 PM, Tab Atkins Jr. wrote:

>> background-image: linear-gradient(-90deg, transparent, transparent  
>> 16px, red
>> 16px, yellow calc(100% - 32px), transparent calc(100% - 32px),  
>> transparent)
>> ...instead of
>> background-size: calc(100% - 32px);
>> background-image: linear-gradient(-90deg, red, yellow)
>
> You don't need to add 4 additional stops, just 2.

How do you figure? I have 2 at the beginning and 2 at the end,  
otherwise I get a soft transition between transparent and my intended  
start color.
Received on Wednesday, 11 November 2009 22:40:49 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:13:41 UTC