Re: [gradients] basics

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 UTC