Choreographer-jsは、多彩なCSSアニメーションを実現させてくれるシンプルなライブラリです。マウスを動かすことで背景カラーを変化させたり、スクロールすることでアニメーションさせたりと、さまざまな設定が可能です。CSSによるアニメーションを手軽に取り入れたいときに活用してみたいですね。 Choreographer-jsの実際のデモページは以下からチェックできます。 デモ 下へスクロールしていくと、「CHOREOGRAPHER-JS」と書かれたテキストがアニメーションされます。カラーが変化したり、文字が回転したり、位置が変わったりといろんな変化を楽しむことができます。 ただスクロールしていくだけではなく、アニメーションをつけることでユーザーの注目度も高まりそうですね。また、スクロールでのアニメーションのほかに、マウス動作でのアニメーションのデモも用意されています↓ デモ こちらは
![多彩なCSSアニメーションを実現できる「Choreographer-js」 – bl6.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/0485e6bcd92f5b7845963d051a7f06d3af7b5c6b/height=288;version=1;width=512/https%3A%2F%2Fbl6.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2016%2F09%2Fchoreographer-js.jpg)