
SVGでCSSアニメーション
BRANK
illustratorの練習にモーツァルトのアイコンを作ったところ、「これアニメーションさせたら良いかんじでは」と思いやってみました。 CSSだけでできるので、ぜひご参考ください〜🙌 できたもの はじめに カラフルな線が印象的なアイコンができたので、ラインを描いていくようなアニメーション(ドローアニメーションというのかな?)にしていきます。 最初に見かけた方法はvivusというSVGアニメーションのJavascriptライブラリ。 vivus.js - svg animationSVG Drawing Animationmaxwellito.git