Search code examples
rounded-corners

purevolume round corners

does anyone know how purevolume.com gets their rounded corners? its very interesting and cross browser except I couldnt find the source code for it anywhere.

Solution

  • It's part of their background image:

    https://www.purevolume.com/_images_new/header_nav_bg.png alt text

    This is, of course, one of many ways to accomplish this. In Chrome and Firefox you can use CSS:

    -webkit-border-radius:5px;
-moz-border-radius:5px;

    Of course this won't work for Internet Explorer. For IE you would have to use a different technique - there are many. Doing the rounded corners in your background image is safe, but locks you into a box to where you have to edit images in order to change the visual shape of an element (not that bad, but not always encouraged).