Glossy.js

Glossy は画像に光沢を与える事が出来る JavaScript ライブラリです。
使い方が非常に簡単であることが特筆すべき点ですね。
カスタマイズ出来る範囲はあまりないのですが、角の半径、や影の有無等も指定できます。
また、透過画像を使うことにより、背景色によるグラデーションを非常に簡単に表現できるところも重宝します。

気合いの入ったデザインには使えなさそうですが、ちょっとだけ見栄えを良くする、、、といった用途には非常に使えると思います。

使い方

以下のサイトからファイルをダウンロードします。

http://www.netzgesta.de/glossy/

glossy.js を任意の場所に置けば使用可能です。

HTML 内で使用する際には、まずは glossy.js を読み込み、、

 <script type="text/javascript" src="glossy.js"></script>

img タグを指定する際に、glossy というクラスを指定すれば、画像に光沢が与えられます。

 <img src="xxx.gif" class="glossy" />

サンプル

以下、サンプルです。

Glossy を使ったサンプル