使用初始css属性值进行转换

Question

假设我在height属性 -

上有以下转换

.testDiv {
    height : 400px ; 
    -webkit-transition: height 2s,  -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition:  height 2s, transform 2s;
}

.testDiv.hide {
    height : 0px ;
} 

Here is its jsFiddle demo

现在，我希望获得相同的转换 - 从height 0px到400px，但这样会立即从height:200px开始，并在其上制作动画休息 - （来自200px - 400px），

即 -

1. 一开始 - height:0px

点击后

2. -

   2.1 height:200px立即

   2.2 height:200px到height:400px转换。

如何获得它？

Answer 1

添加min-height

min-height: 200px;

http://jsfiddle.net/8bbo9cfz/2/