Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

Reflection.js 2.0

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

Reflection.js 2.0

Reflection.js 2.0

使用方法

「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の間でアルファを設定出来ます。