Angularjs ngAnimateSwap限制

Angularjs ngAnimateSwap限制,angularjs,opacity,ng-animate,Angularjs,Opacity,Ng Animate,我使用ngAnimateSwap水平、垂直地转换元素。但是,是否支持其他类型的动画,例如不透明度(淡入淡出?) 当我修改此处显示的示例以使用opacity而不是top值时,动画不会出现。这是预期的吗?我能够使用不透明度使其工作。您必须熟悉css并了解css元素的作用。与不透明度转换一起使用的animateSwap 最初的css是: .swap-animation.ng-enter { top:-250px; } .swap-animation.ng-enter-active { top:

我使用ngAnimateSwap水平、垂直地转换元素。但是,是否支持其他类型的动画,例如不透明度(淡入淡出?)


当我修改此处显示的示例以使用
opacity
而不是
top
值时,动画不会出现。这是预期的吗?

我能够使用
不透明度使其工作。您必须熟悉css并了解css元素的作用。与
不透明度
转换一起使用的
animateSwap

最初的css是:

.swap-animation.ng-enter {
  top:-250px;
}
.swap-animation.ng-enter-active {
  top:0px;
}
.swap-animation.ng-leave {
  top:0px;
}
.swap-animation.ng-leave-active {
  top:250px;
}
我将其更改为以下内容,现在我有一个交叉淡入淡出工作正常:

.swap-animation.ng-enter {
  top:0px;
  opacity:0;
}
.swap-animation.ng-enter-active {
  top:0px;
  opacity:1;
}
.swap-animation.ng-leave {
  top:0px;
  opacity:1;
}
.swap-animation.ng-leave-active {
  top:0px;
  opacity:0;
}