如何在JavaScript插件中使用CSS动画？

我想突出显示一些使用CSS动画和时间延迟的文本

这通常是相当直截了当的。我知道下面的代码可以正常工作，因为我已经测试并运行了它

.tester{
背景色：rgba（199220101,0）；
动画：示例1s线性6s 1；
动画填充模式：正向；
}
@关键帧示例{
0% {
背景色：rgba（199220101,0）；
}
100% {
背景：rgba（199220101,1）；
}
}

在写这本书的过程中，我有意识地和无意识地从一百万个外部来源中汲取了灵感。

您能给我们提供更多信息吗

尝试突出显示您想要的文本以使字体加粗，同时查看这个github页面，您可能需要对type.js进行一些小的编辑，就像在与超时相关的配置中一样

---

你能给我们提供更多的信息吗

尝试突出显示您想要的文本以使字体加粗，同时查看这个github页面，您可能需要对type.js进行一些小的编辑，就像在与超时相关的配置中一样

---

试试这样的方法

.tester{
    animation-name: highlight;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    background-color: green;
}

@keyframes highlight{
    from {background-color: green;}
    to {background: lightgreen;}
}
@-webkit-keyframes highlight{
    from {background-color: green;}
    to {background: lightgreen;}
}
@-moz-keyframes highlight{
    from {background-color: green;}
    to {background: lightgreen;}
}

有了这个，你可以得到背景颜色变化的淡入效果

这里有完整的例子

---

如果您不想使用淡入淡出效果，请像这样使用

动画延迟

试试这样的方法

.tester{
    animation-name: highlight;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    background-color: green;
}

@keyframes highlight{
    from {background-color: green;}
    to {background: lightgreen;}
}
@-webkit-keyframes highlight{
    from {background-color: green;}
    to {background: lightgreen;}
}
@-moz-keyframes highlight{
    from {background-color: green;}
    to {background: lightgreen;}
}

有了这个，你可以得到背景颜色变化的淡入效果

这里有完整的例子

---

---

如果您不想使用淡入淡出效果，请像这样使用

动画延迟

请更详细地描述您的问题。

您好，我用一个网页更新了问题，更好地解释了我的问题：）谢谢，请更详细地描述您的问题。您好，我用一个网页更新了问题，解释了我的问题更好：）谢谢谢谢，我已经更新了我想要的网站效果的问题。请检查一下，也许再提供一点反馈。你说的很有道理。但我的Javascript很差。我认为我没有足够的天赋来修改typed.js。我给开发者matt发了电子邮件，告诉他我的问题，他还没有回复我。附近有工作吗？我应该对超时进行哪些更改？多谢了，你可以做的也许是把你的文本切块，并把它们放在不同的类中，以防止在所有文本输入后应用css。比如创建多个div。我不知道，或者是因为我现在没有时间测试它。这也许不是最专业的修复方法，但它可以工作。我等会儿再看，或者你解决了你的问题，否则我会尝试解决它。你的测试css动画应该可以很好地使用这种方式，虽然在理论上至少。非常感谢我已经更新了我想要的网站效果的问题。请检查一下，也许再提供一点反馈。你说的很有道理。但我的Javascript很差。我认为我没有足够的天赋来修改typed.js。我给开发者matt发了电子邮件，告诉他我的问题，他还没有回复我。附近有工作吗？我应该对超时进行哪些更改？多谢了，你可以做的也许是把你的文本切块，并把它们放在不同的类中，以防止在所有文本输入后应用css。比如创建多个div。我不知道，或者是因为我现在没有时间测试它。这也许不是最专业的修复方法，但它可以工作。我等会儿再看，或者你解决了你的问题，否则我会尝试解决它。用这种方法测试css动画应该可以很好地工作，尽管至少在理论上是这样。不客气。若它解决了你们的问题，你们应该通过点击复选标记或向上投票（若有用）来接受答案。这样，我们都会获得一些声誉，并帮助其他访客识别最佳解决方案。我很乐意投票支持您！！也许我很傻，但我无法让你的想法发挥作用。请查看j-fiddle，如果您能够对其进行排序，那么我将向您投票：）祝您玩得愉快，并感谢您的帮助。您只需要实现我的代码，无需更多的感谢您的工作-现在就开始测试。那我就道歉了，我让你再做一次。我第一次一定是犯了错误，因为代码不起作用。我试图标记为正确答案并进行投票，但它显示的是不到15的声誉。希望它能起作用，不客气。若它解决了你们的问题，你们应该通过点击复选标记或向上投票（若有用）来接受答案。这样，我们都会获得一些声誉，并帮助其他访客识别最佳解决方案。我很乐意投票支持您！！也许我很傻，但我无法让你的想法发挥作用。请查看j-fiddle，如果您能够对其进行排序，那么我将向您投票：）祝您玩得愉快，并感谢您的帮助。您只需要实现我的代码，无需更多的感谢您的工作-现在就开始测试。那我就道歉了，我让你再做一次。我第一次一定是犯了错误，因为代码不起作用。我试图标记为正确答案并进行投票，但它显示的是不到15的声誉。希望它能起作用。