cerchez07/elm-0.19-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add loading.svg

Browse Source
This commit is contained in:
Richard Feldman
2018-08-11 14:27:14 -04:00
parent e44234821b
commit 032194c6be
2 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
advanced/server/public/assets/images/loading.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg class="lds-blocks" width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="animation-play-state: running; animation-delay: 0s; background: none;"><rect x="19" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="40" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="61" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="19" y="40" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="61" y="40" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="19" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="40" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect><rect x="61" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
<animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
</rect></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB