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

Re: Gradient syntax proposal

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Thu, 13 Aug 2009 19:30:20 -0700
Message-ID: <4A84CC3C.8020209@terrainformatica.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
CC: www-style list <www-style@w3.org>
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?

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>
<div .second>And here?</div>

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

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

-- 
Andrew Fedoniouk.

http://terrainformatica.com
Received on Friday, 14 August 2009 02:30:41 GMT

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