Rounded Corner Tools and Techniques

Heres a quick list of rounded corner tools and techniques you can use in your Drupal theme.

border-radius generator

Bit buggy, seems to do the trick, real quick and saves having to remember the different requirements for webkit and moz.

Double check its output, like I say its a bit buggy...

border-radius: ;
-moz-border-radius: ;
-webkit-border-radius: ;
-moz-border-radius-topleft: ;
-moz-border-radius-topright: ;
-moz-border-radius-bottomright: ;
-moz-border-radius-bottomleft: ;
-webkit-border-top-left-radius: ;
-webkit-border-top-right-radius: ;
-webkit-border-bottom-right-radius: ;
-webkit-border-bottom-left-radius: ;

Rounded corner image and html generator

Didnt try it, looks kosha, give it go and report back!

25 Rounded Corner Techniques with CSS

The big list - knock yourself out...

Last updated 26th September, 2009 - 1:47pm

Authored by Jeff Burnz on