ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Javascript > Reflection.js
2006年05月29日 23:41
2082日前に投稿

Reflection.js

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク


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

スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: Reflection.js:

» Re: [F] Reflection.js - F.Ko-Jiの「一秒後は未来」 from GochaBookMarkClips
[F] Reflection.js - F.Ko-Jiの「一秒後は未来」 [詳しくはこちら]

トラックバック時刻: 2007年01月24日 21:37

Javascript

English version

2006/05/29 23:41:20 by F.Ko-Ji
コメント (0) トラックバック (1) Javascript

前のエントリー: « しょこたんのスプーがうますぎる件について
次のエントリー: 鍋のフタは逆さまにしないほうがいいぜ »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: