themes/weex/source/images/galaxy_1.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="560" height="560" version="1.1" style="overflow: visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M 280 0 A 280 280 1 1 1 280 560 A 280 280 1 1 1 280 0" stroke="rgba(254, 238, 142, 0.1)" stroke-width="2" fill="none"></path>
  <path d="M 280 20 A 260 260 1 1 1 280 540 A 260 260 1 1 1 280 20" stroke="rgba(254, 238, 142, 0.2)" stroke-width="2" fill="none"></path>
  <path d="M 280 40 A 240 240 1 1 1 280 520 A 240 240 1 1 1 280 40" stroke="rgba(254, 238, 142, 0.3)" stroke-width="2" fill="none"></path>
  <path d="M 280 60 A 220 220 1 1 1 280 500 A 220 220 1 1 1 280 60" stroke="rgba(254, 238, 142, 0.4)" stroke-width="2" fill="none"></path>
  <path d="M 280 80 A 200 200 1 1 1 280 480 A 200 200 1 1 1 280 80" stroke="rgba(254, 238, 142, 0.5)" stroke-width="2" fill="none"></path>
  <path d="M 280 100 A 180 180 1 1 1 280 460 A 180 180 1 1 1 280 100" stroke="rgba(254, 238, 142, 0.6)" stroke-width="2" fill="none"></path>
  <path d="M 280 120 A 160 160 1 1 1 280 440 A 160 160 1 1 1 280 120" stroke="rgba(254, 238, 142, 0.7)" stroke-width="2" fill="none"></path>
  <path d="M 280 140 A 140 140 1 1 1 280 420 A 140 140 1 1 1 280 140" stroke="rgba(254, 238, 142, 0.8)" stroke-width="2" fill="none"></path>
  <path d="M 280 160 A 120 120 1 1 1 280 400 A 120 120 1 1 1 280 160" stroke="rgba(254, 238, 142, 0.9)" stroke-width="2" fill="none"></path>
  <path d="M 280 180 A 100 100 1 1 1 280 380 A 100 100 1 1 1 280 180" stroke="rgba(254, 238, 142, 1)" stroke-width="2" fill="none"></path>
  
  <circle cx="0" cy="0" r="5" style="fill: #fff;">
    <animateMotion dur="3s" repeatCount="indefinite" path="M 280 0 A 280 280 1 1 1 280 560 A 250 250 1 1 1 280 0"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="5" style="fill: #fff;">
    <animateMotion dur="3s" repeatCount="indefinite" path="M 540 260 A 260 260 1 1 1 20 260 A 260 260 1 1 1 540 260"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="15" style="fill: #fff;">
    <animateMotion dur="5s" repeatCount="indefinite" path="M 280 20 A 260 260 1 1 1 280 540 A 260 260 1 1 1 280 20"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="25" style="fill: #fff;">
    <animateMotion dur="9s" repeatCount="indefinite" path="M 540 260 A 260 260 1 1 1 20 260 A 260 260 1 1 1 540 260"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="12" style="fill: #fff;">
    <animateMotion dur="5s" repeatCount="indefinite" path="M 40 280 A 240 240 1 1 1 520 280 A 240 240 1 1 1 40 280"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="5" style="fill: #fff;">
    <animateMotion dur="3s" repeatCount="indefinite" path="M 40 280 A 240 240 1 1 1 520 280 A 240 240 1 1 1 40 280"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="10" style="fill: #fff;">
    <animateMotion dur="6s" repeatCount="indefinite" path="M 280 520 A 240 240 1 1 1 280 40 A 240 240 1 1 1 280 520"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="20" style="fill: #fff;">
    <animateMotion dur="8s" repeatCount="indefinite" path="M 280 520 A 240 240 1 1 1 280 40 A 240 240 1 1 1 280 520"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="15" style="fill: #fff;">
    <animateMotion dur="6s" repeatCount="indefinite" path="M 280 60 A 220 220 1 1 1 280 500 A 220 220 1 1 1 280 60"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="3" style="fill: #fff;">
    <animateMotion dur="1s" repeatCount="indefinite" path="M 280 60 A 220 220 1 1 1 280 500 A 220 220 1 1 1 280 60"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="7" style="fill: #fff;">
    <animateMotion dur="3s" repeatCount="indefinite" path="M 280 60 A 220 220 1 1 1 280 500 A 220 220 1 1 1 280 60"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="5" style="fill: #fff;">
    <animateMotion dur="3s" repeatCount="indefinite" path="M 80 280 A 200 200 1 1 1 480 280 A 200 200 1 1 1 80 280"></animateMotion>
  </circle>
  <circle cx="0" cy="0" r="5" style="fill: #fff;">
    <animateMotion dur="3s" repeatCount="indefinite" path="M 280 480 A 200 200 1 1 1 280 80 A 200 200 1 1 1 280 480"></animateMotion>
  </circle>
</svg>