アニメーションするSVGアイコンを設置できるJSライブラリ「titanic」

2017/07/23

こんにちは。
今回はアニメーションするSVGアイコンを設置できるJSライブラリ「titanic」です。

アニメーションする60種類のSVGアイコンを簡単に実装できるJSライブラリを紹介します。

アニメーションするSVGアイコンを設置できるJSライブラリ「titanic」!

titanic

titanic

 

「titanic」を設置してみよう!

jsが二つともCDNで提供されていますよ。
titanic.min.jsとbodymovin.min.jsをhead内に読み込みます。

 

/bodyの手前に下記のスクリプトを記述します。

 

html部分を記述します。
titanicと使用したいアイコンの2つのクラスを付けますよ。

 

仕事で使えるアイコン素材集 (玄光社MOOK)
仕事で使えるアイコン素材集 (玄光社MOOK)

 

いかがでしたか。簡単に設置できるのでいいですね。
以上でアニメーションするSVGアイコンを設置できるJSライブラリ「titanic」でした。

topへ戻る