/* アニメーション例 */
.css3-B{
    transition-property:height,background;
    transition-duration:0.5s;
    transition-timing-function:ease;
}
.css3-B:hover{
    background: #007374;
    height: 300px;
}

.css3-B2{
    transition-property:background,border-radius;
    transition-duration:0.5s;
}
.css3-B2:hover{
    background: #007374;
    border-radius: 100px;
}

.css3-B3{
    transition-property:background,border-radius,height;
    transition-duration:0.5s;
    transition-delay:0,0.2s,0.6s;
}
.css3-B3:hover{
    background: #007374;
    border-radius: 100px;
    height: 300px;
}

CSS3 イージング一覧