动画文本淡入淡出

Animated text fade in fade out

本文关键字：淡出 淡入 文本 动画      更新时间：2023-09-26

我有一个div，它有两个文本，即Text1和Text2。当网站加载时，文本1应该淡出，文本2应该显示。类似于带有自动关闭功能的模式弹出。

<div class="WelcomeText">
<h1> Welome to my site</h1>
<h1>Company Name</h1>
</div>

我在谷歌上搜索了3个小时，有人能建议我如何实现吗？或者有任何插件可以实现这一点吗？我正在使用引导程序。此外，我需要使它工作到IE 7

更新：我带来了一个小的解决方案http://codepen.io/anon/pen/RNdYqbm一旦问题得到解决，将添加css动画。我需要帮助，一旦第一个文本消失，第二个文本应该留在哪里？有人能解决这个问题吗。

如果你想要基于css3的动画，有很多框架，但在我看来，你可以在这里看到animate.css作为参考。

不幸的是，我不认为基于css3的动画可以在IE7 中工作

相关文章：