Mercurial > eldonilo > blog
comparison throbber.svg @ 0:f62b5c395a48
Initial commit.
| author | Emmanuel Gil Peyrot <linkmauve@linkmauve.fr> |
|---|---|
| date | Sat, 04 Jun 2011 05:02:47 +0200 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:f62b5c395a48 |
|---|---|
| 1 <?xml version="1.0" encoding="utf-8"?> | |
| 2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-150 -150 300 300"> | |
| 3 <g fill="gray"> | |
| 4 | |
| 5 <rect x="50" y="-16" width="100" height="32" rx="32" ry="64" id="r"/> | |
| 6 <g opacity="0.4"> | |
| 7 <use xlink:href="#r" transform="rotate(30)"/> | |
| 8 <use xlink:href="#r" transform="rotate(60)"/> | |
| 9 <use xlink:href="#r" transform="rotate(90)"/> | |
| 10 <use xlink:href="#r" transform="rotate(120)"/> | |
| 11 <use xlink:href="#r" transform="rotate(150)"/> | |
| 12 <use xlink:href="#r" transform="rotate(180)"/> | |
| 13 <use xlink:href="#r" transform="rotate(210)"/> | |
| 14 <use xlink:href="#r" transform="rotate(240)"/> | |
| 15 <use xlink:href="#r" transform="rotate(270)"/> | |
| 16 </g> | |
| 17 <use xlink:href="#r" transform="rotate(300)" opacity="0.6"/> | |
| 18 <use xlink:href="#r" transform="rotate(330)" opacity="0.8"/> | |
| 19 | |
| 20 <animateTransform attributeName="transform" attributeType="XML" | |
| 21 type="rotate" begin="0s" dur="1s" repeatCount="indefinite" | |
| 22 calcMode="discrete" | |
| 23 values="0; 30; 60; 90; 120; 150; 180; 210; 240; 270; 300; 330" | |
| 24 keyTimes="0; 0.083; 0.167; 0.25; 0.333; 0.417; 0.5; 0.583; 0.667; 0.75; 0.833; 0.917"/> | |
| 25 </g> | |
| 26 </svg> |