シールをめくるような効果を実装できるJSライブラリ「sticker.js」!

2015/08/14

こんにちは。
今回はシールをめくるような効果を実装できるJSライブラリ「sticker.js」!です。

マウスオーバーするとシールをめくるような効果を実装できるJSライブラリを紹介したいと思います。
IE10からの対応になります。

シールをめくるような効果を実装できるJSライブラリ「sticker.js」!

sticker.js

sticker-js

 

「sticker.js」をダウンロードしてみよう!

上記の「DOWNLOAD」のボタンをクリックし、「Download on Github」をクリックします。
「Github」の右下の「Download ZIP」のボタンをクリックしてダウンロードします。

 

「sticker.js」を設置してみよう!

先程ダウンロードしたsticker.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。

 

html部分を記述します。

 

css部分を記述します。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。これまたどこかで使いたいですね。
以上でシールをめくるような効果を実装できるJSライブラリ「sticker.js」!でした。

topへ戻る