You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
9 lines
1.7 KiB
9 lines
1.7 KiB
<svg class="lds-curve-bars" 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="background: none;"><g transform="translate(50,50)"><circle cx="0" cy="0" r="10" fill="none" stroke="#dc2729" stroke-width="3" stroke-dasharray="31.41592653589793 31.41592653589793" transform="rotate(224.663)">
|
|
<animateTransform attributeName="transform" type="rotate" values="0 0 0;360 0 0" times="0;1" dur="1s" calcMode="spline" keySplines="0.2 0 0.8 1" begin="0" repeatCount="indefinite"></animateTransform>
|
|
</circle><circle cx="0" cy="0" r="20" fill="none" stroke="#e44f24" stroke-width="3" stroke-dasharray="62.83185307179586 62.83185307179586" transform="rotate(326.072)">
|
|
<animateTransform attributeName="transform" type="rotate" values="0 0 0;360 0 0" times="0;1" dur="1s" calcMode="spline" keySplines="0.2 0 0.8 1" begin="-0.25" repeatCount="indefinite"></animateTransform>
|
|
</circle><circle cx="0" cy="0" r="30" fill="none" stroke="#ed8422" stroke-width="3" stroke-dasharray="94.24777960769379 94.24777960769379" transform="rotate(17.9212)">
|
|
<animateTransform attributeName="transform" type="rotate" values="0 0 0;360 0 0" times="0;1" dur="1s" calcMode="spline" keySplines="0.2 0 0.8 1" begin="-0.5" repeatCount="indefinite"></animateTransform>
|
|
</circle><circle cx="0" cy="0" r="40" fill="none" stroke="#f5bb16" stroke-width="3" stroke-dasharray="125.66370614359172 125.66370614359172" transform="rotate(113.213)">
|
|
<animateTransform attributeName="transform" type="rotate" values="0 0 0;360 0 0" times="0;1" dur="1s" calcMode="spline" keySplines="0.2 0 0.8 1" begin="-0.75" repeatCount="indefinite"></animateTransform>
|
|
</circle></g></svg>
|
