RSS Feed

CSS Gradients

May 9, 2010 by Austin Hallock

One of the cool CSS techniques I used a few places in Sweeva was CSS gradients … That’s right, gradients WITHOUT the use of images, it’s pretty cool!

So cool in fact I made a site dedicated to it, it’s pretty easy to use and spits out the CSS you’ll need for the gradient background: http://css-gradient.com/ (I got inspiration from this awesome site)

That CSS should work in every browser except Opera, if you’re in Opera you’re out of luck. If you’re a beginner to CSS and the code it spits out means nothing to you, this post should help!

Hope you all like it!

If this gains traction and I get a few comments asking for it, I’ll spend the time to make those input boxes draggable so you can change the gradient’s angle.


  • http://siliconshovel.com Marc

    Man, you're like some kind of coding pervert.
    …This is sick!!

  • http://intensedebate.com/people/c101756b c101756b

    VERY COOL… thanks, Austin!

    Carl Bailey

  • Bob Clifford

    If Carl says it's cool, it's cool. Hope to try it soon.
    Thanks, Austin!

  • http://intensedebate.com/people/austin Austin

    Glad you all like it :)

  • http://jaylatour.com Jay Latour

    Sweet! thanks dude. :) That's very cool.

  • http://twitter.com/mrsdrake Michelle Schneider

    Gradient angles would be great. I can think of so much I could do with angles.

  • http://intensedebate.com/profiles/jasondandridge Jason Dandridge

    Hey Austin, Your always providing cutting edge value. I know that you have a passion for the internet and web development! Keep Rocking Bro!!!

    Jason Dandridge
    The Skype Dude!

  • http://namexp.com namexp

    Youre not the general blog writer, man. You certainly have something important to contribute to the World Wide Web. Such a special blog. I’ll return for more.

  • http://indowebspace.com indo web space

    Top page you have here, i dont agree with all the comments but i think its right what you are saying.