blob: ec19ba8343de23262337a7313f6daa67d58316f1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
<style>
#container {
transform: translate(10px, 10px);
}
#rotate-container {
transform: rotate(0deg);
animation: rotate 1.5s linear infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#path {
fill: none;
stroke: #000;
stroke-width: 2;
stroke-linecap: butt;
stroke-dasharray: 33 44;
stroke-dashoffset: 0;
animation: path-dash 3s linear infinite;
}
@keyframes path-dash {
0% { stroke-dashoffset: 110; }
42% { stroke-dashoffset: 77; }
100% { stroke-dashoffset: 33; }
}
</style>
<g id="container"><g id="rotate-container"><circle id="path" cx="0" cy="0" r="7"></circle></g></g>
</svg>
|
