×
デザイン

水面に反射するような効果を画像に加えるJavaScript「Reflection.js」


上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。

Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。
Reflection.js
http://cow.neondragon.net/stuff/reflection/

「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。

なお、上記サイトからWordpressやphpBB、vBulletinなどのプラグイン版へのリンクもあります。

・関連記事
JavaScriptのみでサイコロ回転風のアニメーションエフェクト - GIGAZINE

in ネットサービス,   デザイン, Posted by darkhorse_log