Aeでsvgアニメーション 001 メリット説明 インストール インターネット配信 徳島の広告制作会社 Life Studio
はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事から、「SVG」について書いていこうと思います。 SVGを使うと、アイコンや図形をきれいに表示させたり、変形させるアニメーションなどを作れたりすることができます！今回は、SVGの基本のことを知って、アニメーションを作る準備をしSVG 画像と CSS アニメーションで簡単なロゴアニメーションを作成する方法です。アニメーションでは SVG の strokedashoffset と strokedasharray 属性の値を変化させます。path の長さを取得する方法や Safari での注意点など。
