Mirror/inav-configurator
1
0
Fork 0
mirror of https://github.com/iNavFlight/inav-configurator.git synced 2025-07-13 11:29:53 +03:00
Code Wiki Activity

going hardcore SVG

Browse source 
https://github.com/jxnblk/loading
This commit is contained in:
cTn 2014-07-10 20:50:58 +02:00
parent c312d520ce
commit ce78dadcd1
3 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
images/loading-spin.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64" fill="silver">
<path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
<path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z">
<animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="0.8s" repeatCount="indefinite" />
</path>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

BIN
images/loading.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.7 KiB

2
tabs/loading.css
View file

@ -2,7 +2,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url('../images/loading.gif'); background-image: url('../images/loading-spin.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }