Bala-Krishna

A lot of investigation on CSS and finally i came to the point that at this time round curve border with CSS not possible. We have to use image for round curve effect. However, According to W3C CSS3.0 specification it will be possible in near future with border-radius property. CSS3.0 still in draft status so this property not compatible with available browser this time.

Border Radius Property Syntax:
border-radius: <length> <length>

Individual corners Property Syntax:
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-top-left-radius

While googling i found few interesting URL that might be useful for the visitors who want to implement round corner border anyway.

Tool to generate HTML/CSS code and images for rounded corners:
http://www.roundedcornr.com/

CSS Rounded Corner Border Tricks:
http://www.alistapart.com/articles/customcorners/
http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml

PHP Function Display Random Image

How to write CAPTCHA Validation script in PHP

Generate image signature of your favorite email address

How to install and use Greasemonkey Firefox Extension

Wordpress 2.5 Image Upload Error Fix

March 20th, 2008 Bala Krishna Posted in Blogging, Browser Stuff, CSS, Tips and Tricks, Web Design, Web Development, Web Technology |

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.