Re: [gradients] basics

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