Image Tilt Effect

JavaScript

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

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

Image Tilt Effect

デモ

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

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

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

Image Tilt Effect

関連記事

  1. Multi-device scrolling menu
  2. Swipebox

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  3. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  4. no-image

    JavaScript

    シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

    parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクト…

  5. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  6. stacky

    JavaScript

    スライドダウン・スライドアップしてコンテンツを整理できるjQueryプラグイン「stacky」

    stackyというjQueryプラグインを使えばコンテンツをスライドダ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP