20 lines
588 B
XML
20 lines
588 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
|
|
<!-- 定义动画 -->
|
|
<style>
|
|
@keyframes spin {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
.spinner {
|
|
animation: spin 1s linear infinite;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
</style>
|
|
|
|
<!-- 圆形加载动画 -->
|
|
<g class="spinner">
|
|
<circle cx="50" cy="50" r="40" fill="none" stroke="#3498db" stroke-width="8" stroke-dasharray="251.2" stroke-dashoffset="0"/>
|
|
<circle cx="50" cy="50" r="20" fill="#3498db"/>
|
|
</g>
|
|
</svg>
|