画像を鏡面反射させるJavascript「reflection.js」
reflection.js の基本的な使い方
鏡面効果を与えたい画像に対して、reflect
のクラスを指定します。






映り込みの透明度を変更
高さを調整したい画像のクラスに rheight数字
を指定します。
デフォルトは rheight50
です
rheight20


rheight40


rheight60


rheight80


rheight100


反射の透明度を変更
透明度を調整したい画像のクラスに ropacity数字
を指定します。
デフォルトは ropacity50
です。
ropacity20


ropacity40


ropacity60


ropacity80


ropacity100

