29 lines
1.1 KiB
XML
29 lines
1.1 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60">
|
||
|
|
<!-- why is it called a throbber? -->
|
||
|
|
<style>
|
||
|
|
rect {fill: #323232; animation: a 800ms infinite}
|
||
|
|
rect:nth-child(1) {animation-delay: 0ms}
|
||
|
|
rect:nth-child(2) {animation-delay: 100ms}
|
||
|
|
rect:nth-child(3) {animation-delay: 200ms}
|
||
|
|
rect:nth-child(4) {animation-delay: 300ms}
|
||
|
|
rect:nth-child(5) {animation-delay: 400ms}
|
||
|
|
rect:nth-child(6) {animation-delay: 500ms}
|
||
|
|
rect:nth-child(7) {animation-delay: 600ms}
|
||
|
|
rect:nth-child(8) {animation-delay: 700ms}
|
||
|
|
@keyframes a {
|
||
|
|
0%, 100% {fill: #323232}
|
||
|
|
50% {fill: #f0f0f0}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<g>
|
||
|
|
<rect x="1" y="1" width="18" height="18"/>
|
||
|
|
<rect x="21" y="1" width="18" height="18"/>
|
||
|
|
<rect x="41" y="1" width="18" height="18"/>
|
||
|
|
<rect x="41" y="21" width="18" height="18"/>
|
||
|
|
<rect x="41" y="41" width="18" height="18"/>
|
||
|
|
<rect x="21" y="41" width="18" height="18"/>
|
||
|
|
<rect x="1" y="41" width="18" height="18"/>
|
||
|
|
<rect x="1" y="21" width="18" height="18"/>
|
||
|
|
</g>
|
||
|
|
</svg>
|