Coding a gradient in CSS?

l Squid l

07-10-2008, 05:07 PM

I would like to know how to go about coding a gradient in CSS.

VIPStephan

07-10-2008, 05:10 PM

Create an image with a gradient and include it with CSS like that: body {background: url(gradient.png);}

So far there is no way to do it with CSS alone.

sTyleSHA

07-11-2008, 05:41 AM

Hi Squid,
It is possible to bring graident effect using css. The method is given in the link
http://cgaskell.wordpress.com/2006/09/29/using-css-to-place-a-gradient-in-the-background-of-an-element/

ch4sethe5un

07-11-2008, 06:24 AM

i'm just interested, how does that work (not sure what i'm looking at)?

WyrmFyre

07-11-2008, 08:49 AM

Seriously, these words....

DXImageTransform.Microsoft.Gradient

... make me cry, run for the hills, break out my graphics software and make an image instead :)

_Aerospace_Eng_

07-11-2008, 11:00 AM

i'm just interested, how does that work (not sure what i'm looking at)?

Thats Microsoft proprietary code. It only works in IE. Its a type of scripting. Its similar to what is used to get transparent pngs to work in IE6.

sybil6

07-11-2008, 01:47 PM

maybe this can help too, quite interesting:

http://www.alistapart.com/articles/supereasyblendys/