diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-10-11 13:38:14 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-11 13:38:14 -0400 |
| commit | a8601ec95cc22bbfcff45d213585f4c90555a5e1 (patch) | |
| tree | 849df94568e1c20c06290f61eba82d903bafe2c7 /ext/mixed/img/spinner.svg | |
| parent | 9da08c7fe662c40394fb30f6f43b589c1fa72523 (diff) | |
Add spinner.svg (#911)
Diffstat (limited to 'ext/mixed/img/spinner.svg')
| -rw-r--r-- | ext/mixed/img/spinner.svg | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/ext/mixed/img/spinner.svg b/ext/mixed/img/spinner.svg new file mode 100644 index 00000000..ec19ba83 --- /dev/null +++ b/ext/mixed/img/spinner.svg @@ -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>
\ No newline at end of file |