[UPHPU] best method for css rounded gradient boxes

cole at colejoplin.com cole at colejoplin.com
Thu Dec 20 15:54:09 MST 2007


Quoting Lonnie Olson <lists at kittypee.com>:

>> What is the best way to duplicate a gradient rounded box in css ?
> http://www.alistapart.com/articles/customcorners/
> http://www.alistapart.com/articles/customcorners2/

Lonnie's right, I think this is the easiest way to use gradients for  
now -- using an image. However, if you do not need gradients, or you  
don't mind a little more CSS effort, there is another option to  
consider. For a pure CSS option, no images, no javascript, works  
cross-browser, and a tool that even generates the code for you, I  
highly recommend:

http://www.spiffycorners.com/

So if you wanted to do a gradient, you could insert each gradient  
color, and get the code set for each. Then alter the bottom rounded  
CSS classes for the bottom color set. Again, it's a lot more effort,  
but it's another option. ;)

-- Cole




More information about the UPHPU mailing list