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

Re: [gradients] basics

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Sun, 08 Nov 2009 20:29:04 -0800
Message-ID: <4AF79A90.2050101@terrainformatica.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
CC: Brad Kemper <brad.kemper@gmail.com>, Simon Fraser <smfr@me.com>, www-style <www-style@w3.org>
Tab Atkins Jr. wrote:
> On Sun, Nov 8, 2009 at 9:06 PM, Andrew Fedoniouk
> <news@terrainformatica.com> wrote:
>> background: url(...), linear-gradient(magenta yellow)
>>
>> It makes no sense - just waste of resources.
> 
> Huh?  That makes perfect sense - it's an element with two background
> layers.  The url() references an image on the uppermost layer, and the
> gradient is on the lower level.  If the first layer has any
> transparency, it will show the gradient behind it, exactly as
> expected.

Sorry, this case:

background: linear-gradient(magenta yellow), url(...)

has no visual effect but will force image to be downloaded.
Image at url(...) will be covered by linear gradient in full.


-- 
Andrew Fedoniouk.

http://terrainformatica.com
Received on Monday, 9 November 2009 04:29:23 GMT

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