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

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

sponsors

使用方法

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

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

sponsors

Javascriptサンプルページ一覧
skuare.net