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. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

  2. Jquery progress indicator on page scroll
  3. no-image

    JavaScript

    シンプルなイメージスライダーとカルーセルを実装できる「SkySlider」

    SkySliderはシンプルで軽量、そしてレスポンシブにも対応したイメ…

  4. jquery.adaptive-backgrounds.js
  5. Accessible Mega Menu
  6. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP