Image Figure Caption effects

JavaScript

キャプションを表示させるエフェクトを実装できる「Image Figure Caption effects」

Image Figure Caption effectsは画像にキャプションを表示させるエフェクトを実装することができるスクリプトです。全部で7種類のエフェクトが用意されており、画像にマウスオーバーするとアニメーションしながらキャプションに切り替わります。

Image Figure Caption effects

Image Figure Caption effects

デモでは7枚の画像が並んでおり、各画像にマウスオーバーするとそれぞれのエフェクトを見ることができます。

どれもスムーズなアニメーションでキャプションが表示されるので、強調したいメッセージがある場合なんかに活用してみたいですね。

また、iPhoneでも確認してみたところ画像にタップすることでPCでのマウスオーバーと同様に動作しました。いろんなデバイスでキャプションをいい感じに表示できるのがいいですね。

ただ単純にキャプションを表示させておくのはつまらないといった方にはオススメです。

makefixed.jsスクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」前のページ

Macのプレビューで画像を時計周り・反時計周りに回転して保存する方法次のページMacのプレビューで画像を回転

関連記事

  1. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  2. Textillate.js

    JavaScript

    テキストに面白いCSS3アニメーションを加えることができるjQueryプラグイン「Textillat…

    指定したテキストに面白いCSS3アニメーションを加えることができるjQ…

  3. How satisfied are you? Slider
  4. no-image

    JavaScript

    シンプルなモバイルメニューを実装できる「offcanvas-mobile-menu」

    offcanvas-mobile-menuは、シンプルでモバイルフレン…

  5. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP