Anti-aliased Rounded corners

角丸 curvyCorners の jQuery版

$(function() {
   $('#ex1').corner();
   $('#ex2').corner({
         tl : { radius : 32 }
       , tr : false
       , bl : false
       , br : { radius : 32 }
       , antiAlias : true
       , autoPad   : true
       , validTags : ['div']
   });
});

  <div class="container">
   <div id="ex1" class="box">
    <p>
     Default
    </p>
   </div>
  </div>
  <div class="container">
   <div id="ex2" class="box">
     <p>
      tl : radius 32<br />
      tr : false<br />
      bl : false<br />
      br : radius 32
     </p>
   </div>
  </div>

Overview

The "Curvy corners" script was orgionally developed by Cameron Cooke, I (Mike Jolley) have since modified it for use in JQuery. The end result is a JQuery optimised file, much smaller in size, and working perfectly. Packed it is just 8kb in size!