CSSのstroke-offsetがアニメーションを右から始める理由とその対処方法

stroke-offsetの仕組み stroke-offsetは、SVG（Scalable Vector Graphics）要素の線の描画位置を調整するためのCSSプロパティです。このプロパティを使用すると、線の描画をアニメーション化することができます。しかし、stroke-offsetの初期値は0であり、アニメーションが開始されると、線の描画位置が0から変化していくため、右から左へと描画が進んでいくように見えます。>>More