画像に反射効果を与えるjavascript「Reflection.js」
2007
07/28
Web2.0と言われる様になってから多くのサイトで水面に反射させたような画像が使われるようになりました。
Photoshopなどの画像編集ソフトを使用すると簡単に作成できますが、手間もかかります。
Cow's BlogのReflection.jsを使用すると簡単に導入することが出来ます。
使用方法
Reflection.jsからダウンロードしたreflection.jsをhead内に書き込むだけです。
あとは対象の画像にclass属性としてreflectを付与すればOKです。
またオプションとして反射の高さを変更するrheight、反射の透明度を指定するropacityがあります。
例）<img src="画像URI" class="reflect rheight50 ropacity20">
画像に反射効果を与えるjavascript「Reflection.js」サンプル
｜
｜
｜
｜
｜
｜
前の記事：華麗なイメージギャラリー＆スライドショーを実現するjavascript「SmoothGallery」
次の記事：ポラロイド風の画像に加工するjavascript「Instant.js」
コメント投稿
画像に反射効果を与えるjavascript「Reflection.js」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
この記事へのトラックバック:
トラックバック一覧
![[prototype]Portal](http://www.skuare.net/test/prototype/portal.gif)
