Reflection.js
GIGAZINEで紹介されていた「水面に反射するような効果を画像に加えるJavaScript「Reflection.js」」というのが面白そうだったので、どんな風にできるものかと試してみました。(class=”reflect rheight60 ropacity60″を指定)
→ |
使い方(readme.htmlより)
・reflection.jsをサイトにインクルード。(prototype.jsは不要?)
・基本的にimgタグにclass=”reflect”を加えるだけ。
・class=”reflect rheight33″とすれば、画像の33%の高さが反射します。
・class=”reflect ropacity30″とすれば、反射像の不透明度が30%になります。
・class=”reflect rheight80 ropacity40″みたいな合わせ技もできます。
最近ほんとにJavaScriptってどこまでできるねん?って思います。
コメントを残す