#app-animation{
  height: 100%;
  width: 100%;
}
#app-animation>div{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#app-animation.push .app-animation-enter {
  position: absolute;
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition: all 0.2s ease;
}

#app-animation.push .app-animation-enter.app-animation-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

#app-animation.push .app-animation-leave {
  position: absolute;
  opacity: 1;
  transition: all 0.2s ease;
}

#app-animation.push .app-animation-leave.app-animation-leave-active {
  opacity: 0;
}
#app-animation.pop .app-animation-enter {
  position: absolute;
  opacity: 0;
  transition: all 0.2s ease;
}

#app-animation.pop .app-animation-enter.app-animation-enter-active {
  opacity: 1;
}

#app-animation.pop .app-animation-leave {
  position: absolute;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
}

#app-animation.pop .app-animation-leave.app-animation-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}