CSS3 Border-radius | Rounded Corner Elements

Learnt By Me _{- Summing up everything I've learned}

CSS3 Border Radius Works with IE9, Firefox 3.0 onwards, Google Chrome, Safari(IOS & Mac)& Opera.

Border radius allows you to specify rounded corners for an Element. When you increase the border radius to the width of the element , you ll get a beautiful circle with just pure CSS.How's that !


        .box1{


        border-radius:10px
        }


        .circle{

        border-radius:25px;

        }

CSS3 Border-radius

CSS3 Circle using border-radius

Differential Border-radius


        .box2{
        /*border-radius:Top Right Bottom Left*/
        border-radius:15px 5px 15px 5px;

        }

Cool CSS3 border-radius

Imageless shiny grunge effect on any element (supports IE - all versions)
CSS3 Box Shadow
Creating Gradients using CSS (supports IE - all versions)
Pure CSS icons

Learnt By Me - Summing up everything I've learned

CSS3 Border Radius Works with IE9, Firefox 3.0 onwards, Google Chrome, Safari(IOS & Mac)& Opera.

Differential Border-radius

Related Articles

Learnt By Me _{- Summing up everything I've learned}