我想要做的是在加载页面时使我的第一行文本缩放+淡入，在页面加载后我的第二行文本2s。我让动画工作和使用动画延迟的时间，但我只是无法弄清楚如何在动画开始之前使第二行文本不可见..
这是一个jsfiddle：
http://jsfiddle.net/L2wcxg2f/2/
这是我的标记：
<center>
<h1><div id="line1">First</div><div id="line2">Second</div></h1>
</center>
这是我的css：
#line1 {animation: onload 2s;}
#line2 {animation: onload 2s; animation-delay: 2s;}
@keyframes onload {from{opacity: 0.0; font-size: 170px;}to{opacity: 1.0; font-size: 120px;}
提前致谢！