是否可以在 SVG 中制作径向渐变，就像在 CSS 中一样 http://codepen.io/A973C/pen/hnEaf （我指的是交通灯中的灯）

.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;
}

我的 SVG 渐变看起来像这样 http://jsfiddle.net/x9a2Lyx1/ 我真的不明白如何像 css 示例中那样重复渐变