マウスを乗せると…

画像もイケル

こんなことも..

当たり!!

このプラグインの実際の動きを確認したい場合は、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プラグイン

  • kwicks

    kwicks

    スライドパネルでマウスオーバーした要素の高さ、幅をミョーンと伸ばしてくれる

  • shapeshift

    shapeshift

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

  • FlipOutCards

    FlipOutCards

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

  • Circulate

    Circulate

    Circulateは、要素をサークル状に回転させることができる

  • gridly

    gridly

    要素を格子状に配置し、それを移動させることができる