CSS3动画延时的一点疑问

大体意思是我想让content2延时2s再向上淡入，但我设置了延时时间2s后，这样却导致一开始content2直接显示了，2s后再进行淡入的动画，能否让它一开始隐藏，2s后再淡入？
PS：想用纯CSS3来解决

#content2 {position: absolute; left: 50%; top: 100px; width: 200px; height: 300px;background: #ccc;-webkit-animation: animations2 3s linear 2s;}@-webkit-keyframes animations2 {    0% { opacity: 0; top: 130px;}    100% {opacity: 1; top: 100px;}}