height:200px
-webkit-transition:all 0.5s ease
-moz-transition:all 0.5s ease
-ms-transition:all 0.5s ease
-o-transition:all 0.5s ease
transition:all 0.5s ease
}
.div:hover{
height:auto
}
不知你的触发条件是什么，目前此动画在鼠标移入时触发
"推荐你个系列的教程吧--《Buid New World》第十一集：使用 CSS 增加过渡和其他效果 平移translate，将元素平行移动，参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。旋转，rotate允许你通过传一个角度值来旋转一个元素。
如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。
倾斜，skew可以将一个对象围绕着x和y轴按照一定的角度倾斜，在参数中分别指定水平方向上的倾斜角度与垂直方向上的倾斜角度。
"
