ngAnimate flexbox过渡

Question

如何设置第一个输入字段过渡到flexbox容器中心的动画？第二和第三输入淡入/淡出，但第一个输入立即改变位置。无论如何将动画应用于第一个输入？。

＆＃13;

＆＃13;

heroku logs

＆＃13;

.container {
  display: flex;
  width: 800px;
  background-color: red;
  justify-content: center;
}

.fade-element-in.ng-enter {
  transition: 0.8s linear all;
  opacity: 0;
}

.fade-element-in-init .fade-element-in.ng-enter {
  opacity: 1;
}

.fade-element-in.ng-enter.ng-enter-active {
  opacity: 1;
}

.fade-element-in.ng-leave {
  transition: 0.3s linear all;
  opacity: 1;
}

.fade-element-in.ng-leave.ng-leave-active {
  opacity: 0;
}

＆＃13;

＆＃13;

＆＃13;

小提琴链接：http://jsfiddle.net/cpcb4wen/