Re: [gradients] basics

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