Reflection.js 2.0

画像に鏡面効果を与えるJavaScript、「Reflection.js 2.0」。
imgタグにclassを設定するだけで、スクリプトも5KBと軽いです。

使用方法

「Reflection.js 2.0」をダウンロードし、スクリプトを読み込みます。

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

imgタグにclassを設定します。

<img src="img/xxx.jpg" width="xxx" height="xxx" alt="xxx" class="reflect rheight20">

rheight20～80の間で反射画像の高さと、ropacity20～80の間でアルファを設定出来ます。