Animate PlusはCSS、SVGを使った多彩なアニメーションを実装することができるJSライブラリです。たくさんのアニメーションやイージングが用意されているので、組み合わせ次第でいろいろと表現の幅が広がりますね。
Animate Plus
以下は実際のデモになります。細長い棒状のものにマウスオーバーすると中心に向かってアニメーションしていきます。
デモ1
他にもいくつかデモがあり、以下はボタンにマウスオーバーすると矢印に変化するアニメーションになっています。
デモ2
このようにアニメーションを取り入れることでユーザーにとって分かりやすいUIを実現させたりすることができます。
というわけで、CSS、SVGを使ってアニメーションを実装したいという方は是非チェックしてみてください。
Animate Plusの詳しい使い方やダウンロードに関しては以下からどうぞ。
