Angular：动画文字更改

Question

我有一个愚蠢的问题，但坦率地说，我无法找到解决问题的方法。

我有Angular（4）app，在主页上，我有标题文字。我想每2秒标题文本将改变（从一些预定义的标题句子集中的另一个句子）。更改将动画。 （eq。淡入/淡出）

感谢您的帮助！

Answer 1

您可以尝试的解决方案之一： HTML：

<header>
<h1 class="header-text"></h1>
</header>

的CSS：

.header-text:after {
  content:"";
  animation: spin 6s linear infinite;
}

@keyframes spin {
  0% { content:"header1"; }
  30% { content:"header2"; }
  60% { content:"header3"; }
  100% { content:"header4"; }
}