Esquinas redondeadas (Border Corners) con Google y MooTools

new softrRounded('div1',{'tl':{'w':30,'h':30},'bg':'7394B8','color':'687D95'});
new softrRounded('div2',{'tr':{ 'w':50, 'h':50},'bl':{ 'w':50, 'h':50},'bg':'7394B8', 'color':'596B80'});
new softrRounded('div3',{'tr':{ 'w':30, 'h':30},'bl':{ 'w':30, 'h':30},'br':{ 'w':30, 'h':30},'bg':'7394B8','color':'CFD9E6'});
Puede obtenerse un bonito efecto de circulo
new softrRounded('div4',{'all':{ 'w':100, 'h':100}, 'bg':'7394B8','color':'608DBF'});
new softrRounded('div5',{ 'tl':{ 'w':100, 'h':100}, 'tr':{ 'w':100, 'h':100}, 'bg':'7394B8', 'color':'CC9E8F'});
new softrRounded('div6',{'tl':{ 'w':10, 'h':10},'tr':{ 'w':120, 'h':120},'bg':'7394B8', 'color':'806359'});
new softrRounded('div7', {'tl':{ 'w':190, 'h':190}, 'br':{ 'w':35, 'h':35},'bg':'7394B8', 'color':'E6D4CF'});
new softrRounded('div8',{'all':{ 'w':5, 'h':5},'bg':'7394B8','color':'687D95'});
new softrRounded('div9',{'all':{ 'w':160, 'h':50},'bg':'7394B8','color':'687D95'});
new softrRounded('div10',{'tl':{ 'w':50, 'h':190},'br':{ 'w':50, 'h':190},'bg':'7394B8', 'color':'BFA560'});
new softrRounded('.rounded',{'all':{ 'w':25, 'h':25},'bg':'7394B8','color':'E69073'});
Varios objetos con la misma clase
con una sóla instancia