animation - css3 过渡不应该在高度 : 100% and height: 200px? 之间设置动画

标签 animation css height interpolation transition

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/

相关文章:

html - CSS :focus-visible for custom control

jquery - jQuery 的 height() 和 width() 方法是否保持图像的比例?

objective-c - presentModalViewController 检测动画完成

animation - Three20 TTLlauncher 动画/过渡

jquery - 在 <div> 中创建一个 <div> 并在该 <div> 上附加一些内容创建 jQuery

javascript - 将类添加到 JQuery 中的链接

html - 自动高度不扩展内容背景

javascript - 如何使 body 的最小高度等于 screen.height

css - 在 Firefox 中结合 CSS 过渡和动画

ios - Swift UIView 出现在不同的地方