F.Ko-Jiの「一秒後は未来」

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ってどこまでできるねん?って思います。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

最近はもっぱら仕事と育児、どちらかというと育児のほうが忙しいです。もう長いことドットインストールの開発をしています。

» 詳しいプロフィールや運営サービスの一覧など