角を丸めるjavascript「Nifty Corners Cube」

Web2.0と言われて増えたのが、グラデーション、画像を水面に映ったかの様に反射させる、透過などなど。
そして角を丸くすること。
Nifty Corners Cubeが提供するのもそんな角丸作成javascript。

sponsors

使用方法

Nifty Corners Cubeからダウンロードしたniftycube.jsとniftyCorners.cssを同じディレクトリにアップロード。
(もしくは、niftycube.jsのl.setAttribute("href","niftyCorners.css");)を絶対パスに)
次にheadに以下のスクリプトを書き込みます。
<script type="text/javascript" src="http://yourdomain/niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("角丸の対象タグ");
}
</script>

またオプションとして、以下のような指定ができます。

sponsors

サンプル

角丸javascriptサンプル

Nifty Corners

Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.

Rounded corners without images

Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.

Iiuiuaea ouea ieuuio o eoo iaoa euiaou uoia uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.

Javascriptサンプルページ一覧
skuare.net