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 22:24:03 -0800
Message-ID: <4AF7B583.30506@terrainformatica.com>
To: "Ph. Wittenbergh" <jk7r-obt@asahi-net.or.jp>
CC: www-style List <www-style@w3.org>
Ph. Wittenbergh wrote:
> 
> On Nov 9, 2009, at 1:29 PM, Andrew Fedoniouk wrote:
> 
>> 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.
> 
> background: linear-gradient(rgba(255,0,0,0.5), rgba(10,10,10,.25)), 
> url(image.png);

Why not

background: url(image-with-that-gradient-on-top.png);

?

This trick almost always requires knowledge about that
image on your side so why not just to produce that image
upfront?

> 
> A semi transparent gradient covers the image.
> 
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/
> 
> 
> 
> 
> 
> 
> 


-- 
Andrew Fedoniouk.

http://terrainformatica.com
Received on Monday, 9 November 2009 06:24:21 GMT

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