1日1tech

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

Reflection.js:ツルツルの平面に反射するような視覚効果

MacOS X 10.4 の iChat みたいに、ツルツルの平面に反射しているような効果を画像に付加することができる JavaScript のライブラリです。JavaScript でこんなことまでできるんですね。

↓早速試してみた結果です


2006-05-20_18-01-40.jpg


ここのソースみるとわかりますが、script タグで reflection.js を読み込んだ状態で、反射効果をつけたい img 要素に class="reflect" を指定するだけ。rheight、 ropacity をクラス内に続けて記述すれば、ぼけあしまでパラメータ指定できる懲りようです。
lightbox なみに簡単で、javacript が無効な状態でもブラウズそのものには影響でないのがいいですね。

GIGAZINE - 水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
http://gigazine.net/index.php?/news/comments/20060529_reflectionjs/

Reflection.js
http://cow.neondragon.net/stuff/reflection/
スポンサーサイト
  1. 2006/05/30(火) 23:08:35|
  2. develop|
  3. トラックバック:0|
  4. コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://miyana2m.blog2.fc2.com/tb.php/304-cae1546f
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。