动画文字淡出淡出

Question

我有一个div，它有两个文本，即Text1和Text2。当网站加载时，Text1应该淡出，并且应该显示Text2。类似于自动关闭的模态弹出窗口。

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

我有谷歌3个小时可以有人建议我如何实现或任何插件可用来实现这一目标？我正在使用bootstrap。此外，我需要让它工作到IE 7

更新：我已经提出了一个小解决方案http://codepen.io/anon/pen/RNdYqbm一旦他解决问题将会添加css动画。我需要一个帮助，一旦第一个文本消失，第二个文本应该留下来？任何人都可以解决这个问题

Answer 1

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

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