title: ReactCSSTransitionGroup not animating properly for transform translate
body: <p>I have no trouble adding animation between route. But when I try something simple as follow:</p>
  
  <pre><code>var IntroSection = React.createClass({
  render: function(){
      return(
  
        &lt;div id = "intro"&gt;
  
        &lt;ReactCSSTransitionGroup transitionName="introFirst" transitionAppear={true} transitionAppearTimeout={1300}&gt;
          &lt;span key={"hello"}&gt;  Hello, &lt;/span&gt;
        &lt;/ReactCSSTransitionGroup&gt;
  
       [...]
      &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>  .introFirst-appear{
      opacity: 0;
      transform: translateX(-250px);
      transition: opacity 10s linear;
    }
  
    .introFirst-appear.introFirst-appear-active {
      opacity: 1;
      transform:translateX(0px);
    }
  </code></pre>
  
  <p>Opacity part works perfectly, but the translateX part doesnt work at all. Nothing moved.</p>
  
  <p>the css for the div <code>#intro</code>, doesnt have anything special, only <code>font</code>, <code>text-align</code>, <code>width</code>, <code>float:right</code></p>