Add spinner.svg (#911)
This commit is contained in:
parent
9da08c7fe6
commit
a8601ec95c
32
ext/mixed/img/spinner.svg
Normal file
32
ext/mixed/img/spinner.svg
Normal file
@ -0,0 +1,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>
|
After Width: | Height: | Size: 794 B |
Loading…
Reference in New Issue
Block a user