light.html in Depicter — Popup & Slider Builder trunk, at resources/scripts/loadings/snippets/ballTriangle/light.html
| 1 | <svg class="depicter-single-svg-loading" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#FFF">> |
| 2 | <g fill="none" fill-rule="evenodd"> |
| 3 | <g transform="translate(1 1)" stroke-width="2"> |
| 4 | <circle cx="5" cy="50" r="5"> |
| 5 | <animate |
| 6 | attributeName="cy" |
| 7 | begin="0s" |
| 8 | dur="2.2s" |
| 9 | values="50;5;50;50" |
| 10 | calcMode="linear" |
| 11 | repeatCount="indefinite" |
| 12 | /> |
| 13 | <animate |
| 14 | attributeName="cx" |
| 15 | begin="0s" |
| 16 | dur="2.2s" |
| 17 | values="5;27;49;5" |
| 18 | calcMode="linear" |
| 19 | repeatCount="indefinite" |
| 20 | /> |
| 21 | </circle> |
| 22 | <circle cx="27" cy="5" r="5"> |
| 23 | <animate |
| 24 | attributeName="cy" |
| 25 | begin="0s" |
| 26 | dur="2.2s" |
| 27 | from="5" |
| 28 | to="5" |
| 29 | values="5;50;50;5" |
| 30 | calcMode="linear" |
| 31 | repeatCount="indefinite" |
| 32 | /> |
| 33 | <animate |
| 34 | attributeName="cx" |
| 35 | begin="0s" |
| 36 | dur="2.2s" |
| 37 | from="27" |
| 38 | to="27" |
| 39 | values="27;49;5;27" |
| 40 | calcMode="linear" |
| 41 | repeatCount="indefinite" |
| 42 | /> |
| 43 | </circle> |
| 44 | <circle cx="49" cy="50" r="5"> |
| 45 | <animate |
| 46 | attributeName="cy" |
| 47 | begin="0s" |
| 48 | dur="2.2s" |
| 49 | values="50;50;5;50" |
| 50 | calcMode="linear" |
| 51 | repeatCount="indefinite" |
| 52 | /> |
| 53 | <animate |
| 54 | attributeName="cx" |
| 55 | from="49" |
| 56 | to="49" |
| 57 | begin="0s" |
| 58 | dur="2.2s" |
| 59 | values="49;5;27;49" |
| 60 | calcMode="linear" |
| 61 | repeatCount="indefinite" |
| 62 | /> |
| 63 | </circle> |
| 64 | </g> |
| 65 | </g> |
| 66 | </svg> |
| 67 |