Gradient With CSS?

Roo's picture

She has: 840 posts

Joined: Apr 1999

I know I've seen gradients done completly with CSS before. I've searched and can find nothing, all I can find at the W3C schools is info on doing it with SVG.

Does anyone know how, or can you point me to some information?

Roo

dk01's picture

He has: 516 posts

Joined: Mar 2002

I've never seen this implemented before. Mozilla/FF and IE have some special css filters but I don't know what they are or if they can be used for gradient bg's.

-dk

ptrferdinand's picture

He has: 35 posts

Joined: Feb 2005

http://www.yourhtmlsource.com/stylesheets/cssbackgrounds.html

[I think this little 'I wrote this' is cool... soo] -ptrferdinand

Roo's picture

She has: 840 posts

Joined: Apr 1999

dk01,
Thanks, but I'll stay away from anything browser specific. I don't like browser specific code at all.

ptrferdinand,
I don't see in that how to create a gradient purely with CSS. I mean I know I can do it with images, I know I can use either hex or rgb values for solid color. I just thought I'd seen gradients done with CSS alone.

Roo

dk01's picture

He has: 516 posts

Joined: Mar 2002

Yes staying away from anything browser specific is a good idea.

-dk

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.