i have a patterned background, but i wanted to add a radial gradient over it to give some depth.
now I don’t think that can’t be done yet in css3. instead I made a png with a radial gradient to place on top of the tiled pattern background using multiple backgrounds.
the radial gradient is a png going from black to nothing and is 100kb
but if i save the pattern and the radial gradient together as a jpg its like 37kb.
the problem is different computers will have different size screens. and if I am no longer tiling the background I have to make sure to either use media queries or make the largest size possible (which isn’t that bad in size)