-

<svg width="500" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <defs>
  <mask id="syne">
  <text x="20" y="70" style="font-family: impact; font-weight: bold; font-style: normal" font-size="84" fill="white">SYNESTHESIE</text>
  </mask>
  <filter id="floublur">
   <feGaussianBlur stdDeviation="1.5" in="SourceGraphic">
   <animate attributename="stdDeviation" values="0.5;4;0.5" repeatcount="indefinite" dur="12s" begin="0s"/>
   </feGaussianBlur>
  </filter>
  <linearGradient x1="0" y1="0" x2="1" y2="1" spreadMethod="pad" id="svg_2">
   <animate attributeName="x1" begin="0s" dur="12s" values="0;1;0" repeatcount="indefinite" />
   <animate attributeName="x2" begin="0s" dur="12s" values="1;0;1" repeatcount="indefinite" />
   <stop offset="0" stop-color="#FF0000">
   <animate attributeName="stop-color" begin="0s" dur="20s" values="magenta;gold;yellow;blue;red;olive;magenta" repeatcount="indefinite" />
   </stop>
   <stop offset="1" stop-color="#00ffff">
   <animate attributeName="stop-color" begin="0s" dur="20s" values="olive;magenta;gold;yellow;blue;red;olive" repeatcount="indefinite" />
   </stop>
  </linearGradient>
 </defs>
 <g filter="url(#floublur)">
  <title>Layer 1</title>
  <rect id="svg_1" height="100" width="500" y="0" x="0" stroke="#000000" fill="url(#svg_2)" mask="url(#syne)"/>
 </g>


</svg>