如何在Angular中为整个表行设置动画而不影响表行边框?

时间:2016-11-02 18:27:52

标签: html css angularjs

我有一张表依赖于对单个表格单元格所做的更改。如果表格单元格发生变化,我想为单元格设置动画,还要为所有其他表格单元格设置动画。

我正在使用班级名称" ng-anmiate ng-enter"

我为动画制作动画的css如下:

GetName()

当我为整行设置动画时,边框逐渐消失(我不希望边框上有任何动画,只有桌面行的所有单元格)。

我怎样才能让它发挥作用?

1 个答案:

答案 0 :(得分:1)

好的,这是你想要的行为吗?我在span中添加了td,然后在css中添加了

.ng-enter span {
   -webkit-animation: fadeIn 2s;
   -moz-animation: fadeIn 2s;
   -ms-animation: fadeIn 2s;
   animation: fadeIn 2s;
}

这里是plunker:https://plnkr.co/edit/ZCv9M8QzW1jO5WzBj8OG?p=preview