LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
.page-transition-enter {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
}
.page-transition-enter.page-transition-enter-active {
  opacity: 1;
}
.page-transition-leave {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  position: absolute;
}
.page-transition-leave.page-transition-leave-active {
  opacity: 0;
}
JS
var {Route, DefaultRoute, RouteHandler, Link} = ReactRouter;
var TransitionGroup = React.addons.CSSTransitionGroup;

class Layout extends React.Component {
  render() {
    var name = this.context.router.getCurrentPath();
    return (
      
home
about
); } } Layout.contextTypes = { router: React.PropTypes.func.isRequired }; class Home extends React.Component { render() { return (
Home!
); } } class About extends React.Component { render() { return (
About!
); } } var Routes = ( ); ReactRouter.run(Routes, (Handler) => React.render( , document.getElementById('app')));
Host Instantly Drag and Drop Website Builder

 

Term
Mon, 11/27/2017 - 22:06

Related Codes

Pen ID
Pen ID
Pen ID