Blog

テキストアニメーションのjQueryプラグイン

2014年5月27日

テキストやグラフがくるくる回ったりといったjQueryプラグインを色々探していたのでその覚書です。

形にしたいなと思っている参考サイトは以下のような感じです。

データでみるエネルギー | みるみるわかるEnergy | SBエナジー

この記事の内容

数字をスロットのように指定値から指定値へとくるくるアニメーション

Odometer — Transition numbers with ease

作りがシンプルでデモも多くて使い勝手がよかったです。

グラフがくるくる回って表示されるアニメーション

jQuery Circliful Plugin – Documentation

こちらもオプションが用意されていて使い勝手がよかったです。

テキストをモーフィングで強調するアニメーション

Morphext – jQuery Text Rotator Powered by Animate.css 

最後にテキスト強調系のアニメーションのプラグイン。

他にも色々ありましたが使い勝手のよかった3点のプラグインのご紹介でした。