前の記事 ≪:FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch...
次の記事 ≫:ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate...

画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」

2007年08月29日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
reflex.js (with IE 6/7 support)
reflex.js 1.1 allows you to add a Cover Flow effect (including reflection) to images on your webpages.

画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」
次のような画像の映り込みエフェクトを付けることができます。



使い方は、必要なライブラリを読み込んで class を付与するだけのようです。

他にもいろいろあります。

  • Corner.js - 角丸効果や、シャドウ効果を画像に与える
  • Glossy.js - 画像にガラス風の光沢を与える
  • Instant.js - インスタントカメラ風エフェクトを与える
  • Slided.js - スライドのフレーム風にエフェクトを与える
  • Filmed.js - 映画のフィルム風エフェクトを与える
  • Loupe.js - 画像に虫眼鏡をかざした効果を与える
  • Edge.js - マスクをかける

画像編集ツールなくして色々なエフェクトをかけられるのは嬉しいですね。

関連の記事検索:JavaScript, ライブラリ, 画像, image, Webデザイン, Web制作
スポンサード リンク

By.KJ : 2007年08月29日 12:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)