Gradients with CSS?

[BigAlReturns]

Can it be done? Well, almost, you only need one image and some CSS and you can create some really nice effects that leave your text intact. Technique is described here Any other fancy techniques anyone wants to share?

[ryanhellyer]

Originally Posted by BigAlReturns

Can it be done? Well, almost, you only need one image and some CSS and you can create some really nice effects that leave your text intact. Technique is described here Any other fancy techniques anyone wants to share?

You don't need images for that!

I don't have an example, but I messed around making drop shadows for images, buy applying a whole bunch of nested DIV tags with various border colours, background colours, positions etc. to create a smooth gradient shadow effect.

I wouldn't recommend it though as it makes your markup look quite messy. They do tend to reduce your download size a little though as the code to generate your own shadow is less than the size of an image file which does the same thing. I don't do this anymore, but it's definitely possible.

[antoniyo]

Originally Posted by BigAlReturns

Can it be done? Well, almost, you only need one image and some CSS and you can create some really nice effects that leave your text intact. Technique is described here Any other fancy techniques anyone wants to share?

Haven't any fancy techniques but wanna say your techniques is very nice, we should have to follow it.

[veyron85]

There must be a way to do this dynamically, ive seen it with a number of divs getting lighter and lighter

[sarah_9]

Hello,

Good technique buddy.



Regards,
sarah_9

Website Development Company India

[!!underlink!!]

your best way to do a gradient is create a 1px wide image that is as long as you need your gradient and then set it as a repeating background, you can insert images with css to it can be done

[ajp76054]

I have heard about it but never seen it used or done before.