View Single Post
Old 04-29-2010, 04:19 PM
PhilJ PhilJ is offline

Join Date: Nov 2002
Posts: 3,984

Default Rounded Corners - CSS and JS Methods

Thought I'd post the two best rounded corners methods I've found.

Roll on CSS3 on all browsers, but in the mean time these will have to do.

Hope you can make good use of these in your X-Cart and other projects

Examples given for v4.3.x

CSS Method:

- Very lightweight and fast rendering
- Easy to customise via CSS
- Jagged corners
- Only one possible corner radius
- Only 1 pixel borders
- More HTML markup

JS Method:

- Easy to customise via CSS
- Anti-aliased corners
- Easily change corner radius
- Ability to round different corners
- Different width borders
- Can use shadows
- Less HTML markup
- Much slower rendering in IE


1000th post
Reply With Quote