前の記事 ≪:WEBデザインの修飾に役立ちそうなPhotoshopテクニック集
次の記事 ≫:Photoshopでブラシを作る方法チュートリアル

CSS3の機能でボックスに角丸や影、グラデーションをかけられるJSライブラリ「tripleb.js」

2009年09月02日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

tripleb.js (javascript CSS 3 simulation)

CSS3の機能でボックスに角丸や影、グラデーションをかけられるJSライブラリ「tripleb.js」



ライブラリを読み込んだら、ボックス要素の class="***" に修飾条件を指定しておくだけで、自動でボックスを角丸や、影付き、グラデーション効果 を与えることができるみたいです。



↓適用すると以下のように修飾されます↓



配布元は、色々なライブラリで有名な www.netzgesta.de
CSS3の機能を使うので非対応ブラウザでは使えませんが、面倒な部分もJavaScriptでサクッと実現できちゃいますね。

関連の記事検索:JavaScript, CSS, Webデザイン
スポンサード リンク

By.KJ : 2009年09月02日 10:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)