Blame view
public/pics/spinner.svg
1.9 KB
e77200db5 Initial commit |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> <!-- Todo: add easing --> <svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg"> <g fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="8" fill="#FF5954"> <animate attributeName="cy" begin="0s" dur="2.2s" values="45;5;45;45" calcMode="linear" repeatCount="indefinite" /> <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite" /> </circle> <circle cx="27" cy="5" r="8" fill="#00B39F"> <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;45;45;5" calcMode="linear" repeatCount="indefinite" /> <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite" /> </circle> <circle cx="49" cy="50" r="8" fill="#1F4C59"> <animate attributeName="cy" begin="0s" dur="2.2s" values="45;45;5;45" calcMode="linear" repeatCount="indefinite" /> <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite" /> </circle> </g> </g> </svg> |