Angularjs ngAnimateSwap限制
我使用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:
当我修改此处显示的示例以使用
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;
}