【AfterEffect/プラグインなし】SVGとCSSだけで文字にアニメーションをつける | 札幌・東京のホームページ制作・ウェブ制作会社monomode

それぞれのプロパティの意味 – stroke:線の色（アウトラインの部分） – stroke-width: 線の太さ – fill: 文字色（いわゆる「塗り」の部分） – stroke-dasharray: 点線の長さの間隔（点線の一個の点の長さとその間隔） – stroke-dashoffset: 線の位置を指定 – stroke-linecap: 線の端の形を指定 – stroke-linejoin: 線の角の形を指定 結果 デモその１ DEMOその１ 超簡単にできました。 うーん……でも…。これはこれでよいのですが…なんか、手書き感がでない…。 もっと手書き感を出すには なぜこうなるのか…。 色々考えた結果、そもそも、illustratorで、文字をアウトライン化するとき、実際のパスは、「フォントの周りを囲んでいるパス＝枠線」になってるからじゃん！と気づきました。 ■フォントをアウト