title: Transitioning svg text opacity
body: <p>Has anybody ever had any issues with transitioning the opacity of an SVG text element?  I'm using both the fill-opacity style and the stroke-opacity style to fade the text elements into and out of existence.  It works fine on most browsers, but doesn't transition at all in Chrome on Mac -- the text just pops in and out all at once.</p>
  
  <p>I tried setting the "opacity" attribute in addition to fill-opacity and stroke-opacity and that does seem to make it work, although now I see a weird flicker effect just before and after the transition runs.  It's like it's setting it to opacity=1 for a split second before it sets it to 0 and then transitions to 1.</p>
  
  <p>Another interesting thing is that other shapes (circle, rect) fade in and out just fine with nearly identical code to what I'm using with text.</p>
  
  <p>This does seem to be weirdness with a specific browser, but I'm wondering about other people's experiences with opacity on text elements.  Are there tricks to get it to behave consistently?</p>