Re: [gradients] basics

On Nov 9, 2009, at 12:21 AM, Andrew Fedoniouk wrote:

>> Because the image is a small repeating thing (a pattern for  
>> example)  and I've no idea how much content will go in the box ?
>> http://dev.l-c-n.com/CSS3_border-background/gradient3.html
>> (requires a recent Minefield build, didn't try to write the code  
>> for  WebKit)
>
> This is a bit weak case I would say as:
>
> Alpha-math theorem:
> For any semi-transparent gradient on top of image there is always  
> such a combination of  some gradient with semi-transparent image
> on top of it that produce the same visual result.
>
> Do I need to prove it or is it clear enough?

Yes, I'd like proof. I'd like to see how you would create a repeating  
pattern (where more tiles are visible, and undistorted, when the box  
is bigger), and have that entire background painting area fade from  
"pure" tiles at the bottom to solid white at the top. In other words,  
like this in the current draft:

background-image: linear-gradient(90deg,transparent,white), url 
(ball.png);
background-repeat: no-repeat; repeat;
background-origin: border-box;
background-size: auto;