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. no-image

    JavaScript

    レスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」

    Flashyはレスポンシブに対応したjQuery Lightbox &…

  2. no-image
  3. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

  4. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  5. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  6. RELLAX

    JavaScript

    超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

    RELLAXは、滑らかなパララックスを実装できるバニラJavaScri…

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP