.animation {
    -webkit-transition: all 1.0s;
    transition: all 1.0s;
  }
  
  .animation.down {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
  }
  
  .animation.up {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
  }
  
  .animation.left {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  
  .animation.right {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
  
  .animation.opacity {
    opacity: 0;
  }
  
  .animation.on.down, .animation.on.up {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  
  .animation.on.left, .animation.on.right {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  
  .animation.on.opacity {
    opacity: 1;
  }