文字(テキスト)を円形にして回転させるアニメーション【CSSとSVGで】

<div>
   <svg viewBox="0 0 100 100">
     <path d="M 0,50 a 50,50 0 1,1 0,1 z" id="circle" />
     <text>
       <textPath xlink:href="#circle">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit
       </textPath>
     </text>
   </svg>
 </div>

<div>
   <svg viewBox="0 0 100 100">
     <path d="M 0,50 a 50,50 0 1,1 0,1 z" id="circle" />
     <text>
       <textPath xlink:href="#circle">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit
       </textPath>
     </text>
<!-- ↓ ここを追加 -->
     <animateTransform
				xlink:href = "#circle"
				attributeName = "transform"
				type = "rotate"
				from = "0 50 50" 
				to = "360 50 50"
				dur = "10s"
				repeatCount = "indefinite"
				/>
<!-- ↑ ここを追加 -->
   </svg>
 </div>