title: Inline styles and ReactCSSTransitionGroup
body: <p>I it possible to use <code>ReactCSSTransitionGroup</code> from <code>react-addons-css-transition-group</code> with React inline styles? If so, how?</p>
  
  <p><strong>The component I'm working on:</strong></p>
  
  <pre><code>import React, { Component } from 'react'
  import { bindActionCreators } from 'redux'
  import { connect } from 'react-redux'
  import ReactCSSTransitionGroup from 'react-addons-css-transition-group'
  
  import { removeNotification } from '../actionCreators'
  import Notification from './Notification'
  
  const mapStateToProps = state =&gt; ({
    notifications: state.notifications
  })
  
  const mapDispatchToProps = dispatch =&gt; ({
    actions: bindActionCreators({ removeNotification }, dispatch)
  })
  
  class Notifications extends Component {
    render() {
      var style = {
        position: 'fixed',
        top: 20,
        right: 20,
        width: 300,
        zIndex: 99
      }
      var tstyle = {
        'notification-enter': {
          visibility: 'hidden',
          transform: 'translate3d(100%,0,0)'
        },
        'notification-leave': {
          visibility: 'visible',
          transform: 'translate3d(0,0,0)'
        },
        'notification-enter-notification-enter-active': {
          visibility: 'visible',
          transform: 'translate3d(0,0,0)',
          transition: 'all 0.4s'
        },
        'notification-leave-notification-leave-active': {
          visibility: 'hidden',
          transform: 'translate3d(100%,0,0)',
          transition: 'all 0.4s'
        }
      }
  
      return (
        &lt;ul style={style}&gt;
          &lt;ReactCSSTransitionGroup
            style={tstyle}
            transitionName='notification'
            transitionEnterTimeout={400}
            transitionLeaveTimeout={400}&gt;
            {this.props.notifications.map((notification, index) =&gt; {
              return &lt;Notification
                      key={index}
                      type={notification.type}
                      message={notification.message}
                      timeout={10000}
                      remove={this.props.actions.removeNotification} /&gt;
            })}
          &lt;/ReactCSSTransitionGroup&gt;
        &lt;/ul&gt;
      )
    }
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(Notifications)
  </code></pre>