[JS]画像に水晶玉のような効果を与えるスクリプト -sphere.js

CVIから、画像に水晶玉のような透明度のある球体の効果を与えるスクリプト「sphere.js」を紹介します。

デモのキャプチャ

sphere.js (javascript spherical image effect)

sphere.jsの対応ブラウザは、IE6+, Fx1.5+, Op9+, Safariとなっており、それ以外では画像がそのまま表示される仕様になっています。

使用方法は外部スクリプトとして記述し、画像のクラスに指定することでさまざまな水晶玉の効果を与えることができます。

sphere
基本のクラス
isize
サイズを指定するクラス
izoom
画像のズーム(%)
ialpha
画像の不透明度
ishade
水晶玉のシャドウ
ishine
水晶玉の輝き
icolor
水晶玉の背景色
igradient
背景のグラデーション

top of page

©2017 coliss