Image Tilt Effect

JavaScript

画像にチルトエフェクトをかけることができる「Image Tilt Effect」

Image Tilt Effectは画像にチルトエフェクトをかけたちょっとしたアクションを加えることができます。画像をかすかにボカしたり傾けたりといったことが可能です。どちらかというと大胆ではなくさりげないエフェクトなところがいいですね。

Image Tilt Effect

デモ

画像にマウスオーバーすると微妙にボカしが入り、マウスを動かすことでそれに合わせて画像がユラユラと傾いたりします。とても不思議でおもしろい動きですね。

傾きが大きくなるにつれてボカしの量も増えていきます。

オプションを使って細かくカスタマイズすることもできるので、平面の画像に立体感をプラスしたい時やちょっとした遊び心を取り入れたい時なんかに活用してみたいです。

Image Tilt Effect

jQuery toTop()シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」前のページ

水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」次のページRaindrops.js

関連記事

  1. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  2. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  3. mmenu

    JavaScript

    スマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」

    mmenuというjQueryプラグインを使えば、スマホアプリのように横…

  4. OverlayScrollbars
  5. Sticky Slider Navigation(Responsive)
  6. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP