CSS-アニメーション、画像上のグラフィックが（徐々に長くなる）効果（徐々に上昇）とを立ち上がって

レンダリング：

 

 

HTML：

<DIV CLASS = "inner3">
<DIV CLASS = "上">
<IMG SRC = "画像/ kuang3tt.png" />
</ div>
</ div>

CSS：

.inner3 {
マージントップ：20ピクセル。
幅：890px;
高さ：169px;
背景：URL（../画像/ kuang33.png）ノー・リピート;
}
.over {
位置：絶対。
下：32PX;
左：0;
高さ：0;
幅：880px;
オーバーフロー：隠されました;
アニメーション：ZT 2sが0.5秒転送を容易に。
}
IMG {.inner3
マージントップ：12ピクセルと、
margin-left：63px;
高さ：126px;
幅：810px;
位置：絶対;
下：0;
}

ZT @keyframes
{
0％{高さ：0;}
100％{高さ：136px;}
}