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

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

2007年08月29日

スポンサード リンク
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 - マスクをかける

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

スポンサード リンク

投稿者 KJ : 2007年08月29日 12:04 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。