使用ionic3-angular4 app中的动画将div从一个位置移动到另一个位置

Question

我正在尝试在Ionic 3开发的移动应用程序中做一些动画。我需要将div从一个位置移动到另一个位置。

在下面的代码中，我需要根据count在timeline-item标签之后使用类“upper”移动div。

我是Angular 4动画的新手。请帮忙

Answer 1

动画的工作方式，只需切换某些元素的类，同时添加一些css属性。

您实际上并未在DOM中交换节点。它只是在视觉上，一些动画可以使它看起来像＃34;那样的。

如果您想要一些快速动画，可以查看AnimateCSS并添加它在您想要动画时提供的类。

你实际上可以通过JS交换DOM中的元素，但这对你想要做的事情来说似乎有些过分。