Border Radius in CSS3

Equal Corners

The Code:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Unequal Corners

Targeting specific corners requires just a bit more code

The Code:

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 60px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 60px;

border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 60px;

Geplaatst

in

,

door

Tags:

Reacties

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *