CSS3过渡在动画结束前获得目标参数值

Question

是否有可能在动画结束前获得css3过渡元素的一些参数目标值(例如高度)

例如我们有div和css

div {height: 300px;}

这个div有高度过渡css

然后创建class

div.big {height: 450px;}

然后我们运行jQuery代码:

var height = $('div').addClass('big').height();

如何使height变量为450，而不是300或301px，因为它刚刚开始改变其高度?

我会避免删除它的过渡css，因为它会导致flickr。

Answer 1

try this:

var height = $('div').addClass('big')[0].style.height;