Sticker.js

JavaScript

ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「Sticker.js」がとても素敵ですね。はがせそうな感じがするんですが、はがせません。サイトにちょっとした遊びを取り入れたい時なんかによさそう。

[ads_center]

Sticker.jsの使い方

このように要素にホバーするとペラッとめくれてしまいそうなエフェクトを実装できます。

Sticker.jsの使い方

Sticker.js

エフェクトは上下左右と四方からめくることができます。

Sticker.init('.sticker');

アイディア次第で色んなものに応用できそうですね。

ColorQuestMacのディスプレイ(画面)上のRGB値や色の名前を表示してくれるアプリ「ColorQuest」前のページ

フリック&レスポンシブ対応のコンテンツスライダーを実装できるjQueryプラグイン「Flickerplate」次のページFlickerplate

関連記事

  1. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  2. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

  3. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  4. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで今まで紹介したjQueryプラグイン25選のまとめ 2011/09 – 201…

    2011年9月〜2012年3月までに当ブログで紹介したjQueryプラ…

  6. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP