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

Re: Gradient syntax proposal

From: Brad Kemper <brad.kemper@gmail.com>
Date: Thu, 13 Aug 2009 19:42:50 -0700
Message-Id: <6B118555-BE40-4A5C-8A04-023A864932ED@gmail.com>
To: Andrew Fedoniouk <news@terrainformatica.com>
Cc: "Tab Atkins Jr." <jackalmage@gmail.com>, www-style list <www-style@w3.org>


Sent from my iPhone

On Aug 13, 2009, at 7:30 PM, Andrew Fedoniouk  
<news@terrainformatica.com> wrote:

> Tab Atkins Jr. wrote:
>> Just linear gradients for now:
>> http://www.xanthir.com/document/document.php? 
>> id= 
>> d65df9d10442ef96c2dfe5e1d7bbebf7aa42f2bcf24e68fc3777c4b484fa8a4ce55fed2189cac20ccad8686127f4c08917c4ca8b7614e9f89c2a950ec083a9c6
 

>> ~TJ
>
> So what exactly is this gradient? Is it such a color or is it rather  
> such an image?

Image.

> Consider this case:
>
> div.first
> {
>  background: linear-gradient(top bottom, yellow, blue);
>  background-color: green;
> }
>
> div.second
> {
>  background: linear-gradient(top bottom, yellow, blue);
>  background-image: url(something.png);
> }
>
> <div .first>Any gradient here?</div>

Yes

> <div .second>And here?</div>

No

>
> I suspect it is a color or more precise something like background- 
> fill, correct?

No.

> And why just not:
> background-image: url(gradient.svg);
> at the end of ends?

Because a lot of us would rather do this simply in CSS, without having  
to import SVGs, and perhaps animate or change dynamically.


>
> -- 
> Andrew Fedoniouk.
>
> http://terrainformatica.com
>
Received on Friday, 14 August 2009 02:43:36 GMT

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