HTML and CSS Rounded Corner Button Generator
Rounded corner button is more like a standard element in web 2.0 web design. There are two ways to create rounded corner buttons: CSS and Javascript. Let's look at the pros and cons on both techniques.
CSS -
Pros:
- No need to enable Javascript
- Rounded button is not load delay
Cons:
- Need images (usually 2 - 4 images)
Javascript -
Pros:
- Flexible to change corner radius, size and colors
- No images
Cons:
- Need to enable Javascript
- Transition from non-rounded button to rounded button
I prefer the CSS solution which doesn't require Javascript. However, it is a hassle to create images for rounded corner button. And I need to create a CSS and make sure the CSS is compatible for different browsers. Let me introduce you a tools you can choose different corner radius, color and hover color for the rounded button. Creating a rounded button in 10 seconds is not a dream anymore.
There are some sample buttons generated by HTML and CSS Rounded Corner Button Generator
Supported Browsers: IE, Firefox, Safari
Plan features: gradient rounded button, glass effect.