コピー <div class="div__scroll_page_1"> <!-- 1つめのアニメーション --> <div class="svg_1"> <div class="svg__anime"> <svg> <g> <circle class="st0 svg__anime-2" cx="215.4" cy="161" r="12.5"></circle> </g> </svg> </div> </div> <!-- 2つめのアニメーション --> <div class="svg_2"> <div class="svg__anime"> <svg> <g> <circle class="st0 svg__anime-2" cx="215.4" cy="161" r="12.5"></circle> </g> </svg> </div> </div> <div class="svg
![CSSでanimation指定したSVGアニメーションをスクロールで画面内に入った時に動かす方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/44d457acdb672ee996a585167f67b5c0b7a5194b/height=288;version=1;width=512/https%3A%2F%2Fnakox.jp%2Fwp-content%2Fuploads%2F2020%2F08%2FAug-06-2020-00-10-18.gif)