CSSでスタイリングしたHTMLオブジェクト、テキスト、さらにSVGコンテンツまでも様々なアニメーションで変形、移動させることができる、オープンソースのJavascriptアニメーション用モジュール「KUTE.js」をご紹介します。 このモジュールの優れたところは、必要なスクリプトだけを読み込み、シンプルな記述のみでメモリー効率のよい高速かつ滑らかなアニメーション効果をオブジェクトに施すことができるところ。 ライセンスはMITです。 スクリプトの読み込み 「KUTE.js」を利用するには、以下のJavascriptを必要に応じて読み込むだけです。 まずは必須のメインスクリプト。CDN上のスクリプトを直接ロードしてもOK。 <script src="https://cdn.jsdelivr.net/kute.js/1.5.9/kute.min.js"></script> <!-- core
![[JS]CSS, SVG, テキスト要素に様々なアニメーションを低負荷で施せる「KUTE.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/4630725377bea9b3f192d97abfadbaf381216b63/height=288;version=1;width=512/https%3A%2F%2Fdigipress.info%2F_wp%2Fwp-content%2Fuploads%2F2016%2F10%2Fkute_js.png)