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.


7 Comments »

  1. Marc says:

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

  2. c101756b says:

    VERY COOL… thanks, Austin!

    Carl Bailey

  3. Bob Clifford says:

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

  4. Austin says:

    Glad you all like it :)

  5. Jay Latour says:

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

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

  7. 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!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>