Ist es möglich, in SVG einen radialen Farbverlauf wie in CSS http://codepen.io/A973C/pen/hnEaf zu erstellen (ich meine die Lichter in Ampeln)

.red{
  background: red;
  background-image: radial-gradient(brown, transparent);
  background-size: 15px 15px; 
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 35px;
  animation: 13s red infinite;
  border: dotted 2px red;
  box-shadow: 
    0 0 20px #111 inset,
    0 0 10px red;
}

Mein SVG-Verlauf sieht so aus: http://jsfiddle.net/x9a2Lyx1/ Ich verstehe wirklich nicht, wie man den Farbverlauf wie im CSS-Beispiel wiederholt