Available Corner Effects
Bevel
$(this).corner("bevel");
Notch
$(this).corner("notch");
Bite
$(this).corner("bite");
Cool
$(this).corner("cool");
Sharp
$(this).corner("sharp");
Slide
$(this).corner("slide");
Jut
$(this).corner("jut");
Curl
$(this).corner("curl");
Tear
$(this).corner("tear");
Fray
$(this).corner("fray");
Wicked
$(this).corner("wicked");
Sculpt
$(this).corner("sculpt");
Long
$(this).corner("long");
Dog Ear
$(this).corner("dog");
Dog2
$(this).corner("dog2");
Dog3
$(this).corner("dog3");
Choose Your Corner
Use top, bottom, tl, tr, bl, br
to identify which corner to style
Top Bevel
$(this).corner("bevel top");
Top-Left Bite
$(this).corner("bite tl");
Round Bottom
$(this).corner("bottom");
Bottom-Left Notch
$(this).corner("notch bl");
Top-Right Dog Ear
$(this).corner("dog tr");
Top-Left, Bottom-Right Cool
$(this).corner("cool tl br");
Specify Size
Include a px value to specify the corner size
Round 30px
$(this).corner("30px");
Round 5px
$(this).corner("5px");
Cool 20px
$(this).corner("cool 20px");
Sharp 20px
$(this).corner("sharp 20px");
Bite 30px
$(this).corner("bite 30px");
Wicked 20px
$(this).corner("wicked 20px");
Dog 20px
$(this).corner("dog 20px");
Dog2 30px
$(this).corner("dog2 30px");
Dog3 30px
$(this).corner("dog3 30px");
Mix and Match
Chain corner calls to achieve combined effects
Round and Bevel
$(this).corner( "bottom").corner("top bevel");
Round and Notch
$(this).corner( "br top").corner("notch bl 20px");
Crazy
$(this).corner("jut tl 20px").corner("dog tr 20px").corner("bite bl 15px").corner("notch br");
Fun Stuff
Interesting Side Effects
Left Half of Arrow
$(this).corner("sharp tr br 20px");
Right Half of Arrow
$(this).corner("sharp tl bl 20px");