文本更改时淡入淡出

Question

我有一个文本 div 和几个按钮，我希望文本在更改和/或隐藏时平滑淡入和淡出。

通过检查 Google 和 Stack Overflow，大多数答案都建议应用一个 CSS 类隐藏，然后在使用自定义函数的同时切换该类，在更改文本之前等待半秒钟，以便其他文本消失时的时机是完美的回来。

但我已经读过，如果文本带有我的 span 标签，可能会出现问题，并且有几个人还建议可能有一些插件可以简化流程。

我找不到，但是有没有更好的方法或插件来处理这个问题，而不用替换我所有用自定义函数更新文本的代码？

如果这是唯一的方法，我不介意这样做，但似乎有更好/更直观的选择？

Answer 1

关于您的声明：

<块引用>

我有一个文本 div 和几个我希望文本添加的按钮 更改和/或隐藏时平滑淡入和淡出。

淡入/淡出可以通过 CSS 本身实现，或者使用 Javascript 或者如果您也使用 JQuery 库。按钮内的文字根本不会造成任何问题。

在纯 CSS 中，您可能只需要两个属性：

transition 和 opacity 以适当的方式使用。 此链接可以从 CSStricks https://css-tricks.com/almanac/properties/t/transition/

在 JQuery 中，您有 fadeIn() 和 fadeOut() 函数，它们在内部处理所有 CSS，您只需要调用这些。

您可以从 W3Schools 查看此资源 https://www.w3schools.com/jquery/eff_fadein.asp

最后，即使在纯 Javascript 中也可以实现，具体取决于您的要求。