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

X-Guru
  
Join Date: Nov 2002
Posts: 3,943
 

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:

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

JS Method:

Positives:
- 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
Negatives:
- Much slower rendering in IE

DOWNLOAD
http://www.xcartmods.co.uk/freebies/X-Cart_Rounded_Corners_v4.3.x.zip

1000th post
__________________
XCARTMODS.CO.UK | reBOOT Template | Changelog
Reply With Quote