シンプルで軽量なスクロールアニメーション実装「animateMePlz」

no-image

animateMePlzはシンプルで軽量なスクロールアニメーションを実装できるjQueryプラグインです。0.8KBと超軽量ながらもカスタマイズもできる仕様がうれしいですね。使い方も簡単なので手軽に実装できるはず。

animateMePlz

デモ

デモページでは下へスクロールしていくと、各セクションごとにセクションの背景の色が変化します。緑、青、オレンジ……など、スクロールしていくことでいろんな色に切り替わっていく様子がおもしろいですね。スクロールに合わせて、このように何かのアニメーションを加えたい場合にはピッタリのjQueryプラグインといえます。

また、オプションには、threshold、animationStyle、repeat、animationDelayといった項目が用意されています。各オプションのデフォルト値は、thresholdが20、animationStyleが'fadeIn'、repeatが'repeat'、animationDelayが'.25s'です。

ちなみにanimationStyleはanimate.cssを利用できるので、かなり豊富なアニメーションの種類の中から選べます。

animateMePlz

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives