CSS3动画延时的一点疑问

Question

大体意思是我想让content2延时2s再向上淡入，但我设置了延时时间2s后，这样却导致一开始content2直接显示了，2s后再进行淡入的动画，能否让它一开始隐藏，2s后再淡入？
PS：想用纯CSS3来解决
#content2{position:absolute;left:50%;top:100px;width:200px;height:300px;background:#ccc;-webkit-animation:animations23slinear2s;}
@-webkit-keyframesanimations2{
0%{opacity:0;top:130px;}
100%{opacity:1;top:100px;}
}