今回は、 SVG と CSS でアニメーションを作る方法をご紹介します。 Step1. 破線を作る まず簡単に、直線をアニメーションさせるところから始めましょう。SVG で線を引くには <line> 要素を使います。 <!DOCTYPE html> <html lang="ja"> <head> <style> .my-line { stroke: #000; stroke-width: 3; stroke-linecap: round; } </style> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 30"> <line class="my-line" x1="10" y1="18" x2="300" y2="18" /> </svg> </body> </html> 上記のコードをブラ