This commit is contained in:
Peter Maquiran
2021-11-16 14:51:21 +01:00
parent 85abff3ac7
commit 850f9e0f29
7 changed files with 115 additions and 10 deletions
@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<rect x="19" y="19" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate>
</rect><rect x="40" y="19" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate>
</rect><rect x="61" y="19" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate>
</rect><rect x="19" y="40" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate>
</rect><rect x="61" y="40" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete"></animate>
</rect><rect x="19" y="61" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete"></animate>
</rect><rect x="40" y="61" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete"></animate>
</rect><rect x="61" y="61" width="20" height="20" fill="#ff1c1c">
<animate attributeName="fill" values="#ebf4fa;#ff1c1c;#ff1c1c" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete"></animate>
</rect>
<!-- [ldio] generated by https://loading.io/ --></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB