1566206.html (716B)
1 <!DOCTYPE html> 2 <head> 3 <style> 4 #init-rose { 5 animation: 20s infinite spin; 6 } 7 8 @keyframes spin { 9 0% {transform: rotate(0deg);} 10 100% {transform: rotate(359deg);} 11 } 12 </style> 13 </head> 14 <body> 15 <svg id="map" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%"> 16 <defs> 17 <g id="rose"> 18 <g id="sL" stroke="#3f3f3f"> 19 <line x1="0" y1="-10000000" x2="0" y2="10000000"/> 20 <line x1="-10000000" y1="0" x2="10000000" y2="0"/> 21 </g> 22 </g> 23 </defs> 24 <g id="initial" opacity=1> 25 <use xlink:href="#rose" id="init-rose" x="50%" y="50%"></use> 26 </g> 27 </svg> 28 </body>