FlandreScarle7/Sakurairo_Vision
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Vision Update

Browse Source
This commit is contained in:
染川 瞳
2022-01-17 12:32:22 +08:00
parent 5f3dbbb85e
commit ab98a50a5a
498 changed files with 108 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
load_svg/inload.svg
+65
View File
@@ -0,0 +1,65 @@
<svg class="lds-spinner" width="75px" height="75px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><g transform="rotate(0 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.9375s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(22.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.875s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(45 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.8125s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(67.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(90 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.6875s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(112.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.625s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(135 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.5625s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(157.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(180 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.4375s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(202.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.375s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(225 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.3125s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(247.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(270 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.1875s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(292.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.125s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(315 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="-0.0625s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(337.5 50 50)">
<rect x="47" y="18" rx="2" ry="2" width="6" height="14" fill="#FE8C5B">
<animate attributeName="opacity" values="1;0" times="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
</rect>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB