JavaScriptの演算でdivブロックの角を丸にする「curvyCorners」
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。
curvyCorners Demo 1
curvyCorners Demo 2
んー、やってることはなんとなく想像できそうだが自分でプログラミングできるかというとできねーだろうなあ。(^_^;
ボーダーまでちゃんと対応してるところが素晴らしい。
まあ、プログラムの中身は理解してなくても、使い方さえわかれば利用できるので便利です。
問題というかやはりJavascriptで画像処理という高度なことするので表示速度はどうかな？って感じがする。デモはひとつのブロックを処理してるだけだが、画面のあちこちのブロックで処理した場合表示完了までどれぐらいかかるだろう？試してみないとなんともいえん。(^_^;
続きを読む…
