マウスを乗せると…

画像もイケル

こんなことも..

当たり!!

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/sticker.min.js"></script>
<script>
    $(window).load(function(){

    });
</script>
<div id="StickerDemo">
	<div class="Sticker-demo" id="StickerDemo01">
		<p class="title">マウスを乗せると...</p>
		<div class="sticker"></div>
	</div>
	<div class="Sticker-demo" id="StickerDemo02">
		<p class="title">画像もイケル</p>
		<div class="sticker"></div>
	</div>
	<div class="Sticker-demo" id="StickerDemo03">
		<p class="title">こんなことも..</p>
		<p class="txt">当たり!!</p>
		<div class="sticker"></div>
	</div>
</div>

Stickerについて

Stickerは、壁に貼ったステッカーを剥がすような動きを表現できるプラグインです。 ついつい何度もやってしまう気持ちいい動きです。一度お試しあれ
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • oriDomi

    oriDomi

    画像に折り目のついた紙のような動きを与える

  • shapeshift

    shapeshift

    不揃いな要素をできるだけ隙間がなくなるように敷き詰めてくれる

  • FlipOutCards

    FlipOutCards

    複数の要素をフリップアニメーションで表示できる

  • color

    color

    jQueryのanimateメソッドでは実現できない色のアニメーションを可能にする

  • Flip

    Flip

    Flipは、フリップアニメーションを簡単に実装できる