艶やかで立体的な画像を作成するjavascript「Glossy.js」

画像を本格的に加工するにはPhotoShopのような編集ソフトが必要になります。
また加工のための技術も求められるなど負担は大きいものです。
netzgestaが公開しているGlossy.jsを導入すると簡単に艶やかで立体的な画像を作成することが出来ます。
glossyサンプル

使用方法

Glossy.jsからglossy.jsをダウンロードしhead内に埋め込みます。
後は対応させたい画像にclass="glossy"を付ければ完成です。
細かな設定は以下の通りです。
また、サンプルを影の変更以降順に載せていますので参考にしてください。

注意：なぜか左にfloatされる設定のようです。