Css 文本类型动画

如何使用css或引导创建文本键入和删除动画

我有三个标题，应该显示一个接一个。

---

首先，它应该显示键入第一个标头，然后擦除第一个标头，然后键入第二个标头，然后擦除第二个标头。它应该继续这样做。

您可以使用简单的js/jQuery字符串操作来模拟写入和擦除函数

$（文档）.ready（函数（）{
//获取原始文本
var text=$（'#content'）.text（）；
//使内容为空
$（“#内容”）。文本（“”）；
写（文本）；
});
函数写入（文本）{
var currentLetter=0；
无功定时器；
//逐字添加
计时器=设置间隔（函数（）{
$（'#content'）。追加（文本[currentLetter]）；
//如果是文本结尾，则调用擦除功能。
if（currentLetter==text.length）{
清除间隔（计时器）；
setTimeout（函数（）{erase（text）；}，1000）；
}
currentLetter++；
}, 2);
}
函数擦除（文本）{
变量计时器=“”；
var currentLetter=text.length-1；
//从文本末尾删除一个字母
计时器=设置间隔（函数（）{
$（'#content'）.text（text.substring（0，currentLetter））；
//如果没有更多的文字-写回文字；
如果（currentLetter==0）{
清除间隔（计时器）；
setTimeout（函数（）{write（text）；}，1000）；
}
当前字母--；
}, 2);
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。Proin mauris arcu，拍卖人nec dui ut，accumsan imperdiet sapien。克拉斯·欧里乌斯·多洛。马蒂斯。冬眠。我们将在两天内完成任务。这是一种交通工具。车尾猴。在前利奥，酵素坐在阿梅特·拉奥里特，坦普斯坐在乌尔纳。威尼斯人的宗教信仰。虎口浮雕和肘部浮雕同侧前庭；比本杜姆康莫多莫利斯酒店。Donec lorem diam、拍卖人vel lectus vel、hendrerit semper nibh。

希望这能有所帮助，我正在尝试让所有文本行都有一个透明的背景

作为您值得信赖的IT合作伙伴，
这是一个测试

我们维护您的现有系统，以实现关键任务的成功

我们增强您的系统以满足所需的效率

我们开发新系统以满足持续的需求

我们预测您将来需要什么系统

有多个库可用于此操作。你搜索过它们吗？到目前为止，我只找到了一个标题，它没有被删除。js如何在这里添加多个文本或标题？@salesforceDeveloper将选择器移动到不同的全局变量、应用于类等欢迎使用堆栈溢出！虽然你的答案可能会解决这个问题，但如何以及为什么解决这个问题将真正有助于提高你的帖子质量，并可能导致更多的投票。请记住，你是在将来回答读者的问题，而不仅仅是现在提问的人。您可以编辑您的答案以添加解释，并指出适用的限制和假设-