css3 过渡将插入 div 的高度状态。
目前,如果您设置的高度与之前的高度不同,chrome13 将不会进行插值
即:
-
将高度设置为 100%
-
将高度设置为 50%(在不同的渲染帧上)
-
高度将正确设置动画(假设正确使用过渡)
-
设置高度为 100px
-
高度不会动画
Chrome 错误?规范错误?
有动机的说明性 jsfiddle:http://jsfiddle.net/zDywJ/21/
最佳答案
我认为这不是 Chrome 或规范中的错误。
据我所知,CSS 无法将百分比更改为像素单位...因此它无法比较开始和结束以执行过渡。
关于animation - css3 过渡不应该在高度 : 100% and height: 200px? 之间设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7624328/