using a radial gradient

[shamai]

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)

what do other people do in these situations?

[shamai]

oh wait maybe it can….
anyone know of a css3 RAIDAL gradient generator

oh i don’t think gradients can handle transparency so I’m back to my original problem

[Mottie]

Try this one

[joshuanhibbert]

@shamai They certainly do handle transparency: http://jsfiddle.net/joshnh/f4teq/

[Author]

Posts