| 1 |
<svg viewBox='-5 -5 10 10' xmlns='http://www.w3.org/2000/svg'> |
| 2 |
<style> |
| 3 |
svg{animation:r 1.4s linear infinite} |
| 4 |
@keyframes r{to{transform:rotate(270deg)}} |
| 5 |
circle{animation:d 1.4s ease-in-out infinite} |
| 6 |
@keyframes d{50%{transform:rotate(135deg);stroke-dashoffset:8} |
| 7 |
to{transform:rotate(450deg)} |
| 8 |
from,to{stroke-dashoffset:28}} |
| 9 |
</style> |
| 10 |
<circle fill='none' stroke-dasharray='30' stroke-dashoffset='8' stroke='#3366aa' r='4'/> |
| 11 |
</svg> |
