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. PreViewTube.js
  2. no-image

    JavaScript

    レスポンシブ対応の軽量・コンパクトでシンプルなモーダルボックス「Modelo」

    Modeloは軽量・コンパクトなモーダルボックスを実装できるjQuer…

  3. 3D Cube CountDown script
  4. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  5. makefixed.js

    JavaScript

    スクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」

    makefixed.jsはスクロール中に指定した要素を固定配置させるこ…

  6. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP