Transcorners: Because you are obsessed with rounded corners

People really are obsessed with rounded corners aren't they? If we had a simple way to express them in CSS, maybe then we would be writting JS libraries and CSS hacks to give us spikey corners or something :) Well, the latest kid on the block is Transcorners, which is a mootools based rounded corners system. Examples
PLAIN TEXT
JAVASCRIPT:
  2. $('content').makeRounded('bottom left', {radius: 100});
  5. //round all corners with 30
  6. $('example1').makeRounded({radius: 30});
  7. we also have background:transparent; and border:1px solid #fff; in CSS on this.
  9. //round top left corner with grey border and 20 pixel radius
  10. $('example3').makeRounded('top left', {borderColor: '#777', radius: 20});
transcorners

Transcorners: Because you are obsessed with rounded corners

People really are obsessed with rounded corners aren't they? If we had a simple way to express them in CSS, maybe then we would be writting JS libraries and CSS hacks to give us spikey corners or something :)

Well, the latest kid on the block is Transcorners, which is a mootools based rounded corners system.

Examples

PLAIN TEXT
JAVASCRIPT:
  1.  
  2. $('content').makeRounded('bottom left', {radius: 100});
  3.  
  4.  
  5. //round all corners with 30
  6. $('example1').makeRounded({radius: 30});
  7. we also have background:transparent; and border:1px solid #fff; in CSS on this.
  8.  
  9. //round top left corner with grey border and 20 pixel radius
  10. $('example3').makeRounded('top left', {borderColor: '#777', radius: 20});
  11.  

transcorners


September 28th, 2006

Tagged View

Tags Similar

Posts Fresh +

Categories View

Arch