セクシーに要素を表示させていくjQueryプラグイン「jQuery Smoove」

ページを縦長に表示させるようなサイトが増えつつあります。
このような時は飽きさせないように表示される要素に動きをもたせると良いです。
jQueryプラグインのjQuery SmooveであればCSS3を利用して、セクシーに動かせます。
セクシーに要素を表示させていくjQueryプラグイン「jQuery Smoove」サンプル

使用方法
jQuery Smooveからファイル一式をダウンロード。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.smoove.js"></script>
<script>
$('.class名').smoove();
</script>

あとは動かしたい要素に上記のclassをふれば完成です。
<div class="class名"></div>
また動きは多彩にあります。
data-move-y
data-move-x
data-rotate-y
data-scale
data-skew
それぞれ数値などを入れることで、縦に奥から、縮小されてなどセクシーな動きになります。
<div class="class名" data-rotate-y="270deg" data-move-x="150%" data-scale="0.2" data-skew="90deg,90deg"></div>

sponsors

「セクシーに要素を表示させていくjQueryプラグイン「jQuery Smoove」」をシェアする

記事作成:
記事URL:

TOP > > > セクシーに要素を表示させていくjQueryプラグイン「jQuery Smoove」