<svg viewBox="0 0 50 50" class="visual-loading-svg">
<circle cx="25" cy="25" r="20" fill="none" class="visual-circle-path"></circle>
</svg>
.visual-loading-svg {
width: 2.5em;
height: 2.5em;
max-width: 50px;
/* 设置svg显示区域大小 */
max-height: 50px;
animation: visual-loading-rotate 1.5s infinite ease-in-out;
/* 给svg也加上一个旋转动画 */
}
@keyframes visual-loading-rotate {
to {
transform: rotate(1turn);
/* 旋转1圈 */
}
}