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

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

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