title: React Transition Group - CSSTransition won't render
body: <p>I'm new to react, and I added react-transition-group to my project to add an animation affect transitioning between pages. My CSSTransition isn't rendering, and I'm not sure how to fix this issue.  </p>
  
  <p>Here's my code:</p>
  
  <pre><code>var React = require('react');
  var {Link} = require('react-router');
  
  import { CSSTransition, TransitionGroup, } from 'react-transition-group';
  import mainLogo from '../assets/main-logo.png';
  
  var Intro = React.createClass({
    render: function () {
     return (
        &lt;CSSTransition
            // in={state === 'entered'}
            timeout={500}
            classNames="cd-intro resolutionLoad"&gt;
            &lt;div&gt;
              &lt;div className="cd-login center"&gt;
                &lt;p className="main-title"&gt;Welcome to&lt;/p&gt;
                &lt;img className="main-ACBGC-logo" src={'http://nightowlmedia.co/images/ACBGC-logo.png'} alt="ACBGC Logo" /&gt;
                &lt;img className="main-logo" src={mainLogo} alt="Feed AC Logo" /&gt;
                &lt;p className="main-title"&gt;Project&lt;/p&gt;
                &lt;p className="main-arrow"&gt;&amp;or;&lt;/p&gt;
                &lt;Link to="/about" className="enter"&gt;ENTER&lt;/Link&gt;
              &lt;/div&gt;
            &lt;/div&gt;
        &lt;/CSSTransition&gt;
      )
    }
  });
  
  module.exports = Intro;
  </code></pre>
  
  <p>My CSS for transitioning between pages is as follows:</p>
  
  <pre><code>.resolutionLoad-enter {
     opacity: 0;
     animation: slideIn 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .resolutionLoad-leave {
     opacity: 1;
     animation: slideOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  @keyframes slideIn {
     0%   {opacity:0;transform:translate3d(0,-50px,0);}
     100% {opacity:1;transform:translate3d(0,0,0);}
  }
  
  @keyframes slideOut {
     0%   {opacity:1;transform:translate3d(0,0,0);}
     100% {opacity:0;transform:translate3d(0,-50px,0);}
  }
  </code></pre>
  
  <p>What am I missing? Any insight into this issue would be greatly appreciated. </p>