Home > 技術 > JavaScriptで角丸を実現している「Nifty Corners Cube」

JavaScriptで角丸を実現している「Nifty Corners Cube」

JavaScriptで角丸を実現している「Nifty Corners Cube」
角丸の実現って結構イメージを使ってたりするかと思うんだけど、イメージを作成できないとダメだといのがちょっと残念なので、調べていたらありましたよ。
JavaScriptからの角丸がっ!
しかもライブラリになっているので、JSファイルのインクルードすればOK!!

ダウンロードするとサンプルがギッシリ詰まっているので、後はまねをすれば大体のことは理解できる。
画面でいたるところに角丸を実現するときはちょっと重いかもしれないけど、今使ってみたぶんではそこまで違和感はなかった。

どうやって実現しているかというと、divタグの上の部分と下の部分にたくさんのbタグを付け加えて、そいつの幅を段々を細くしている感じ。
よくある感じではありますが、JavaScriptで自動でbタグを追加してくれるので助かるといえば助かる。

Nifty Corners Cube - freedom to round

[via]
てっく煮ブログ

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/760
Listed below are links to weblogs that reference
JavaScriptで角丸を実現している「Nifty Corners Cube」 from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > JavaScriptで角丸を実現している「Nifty Corners Cube」

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top