css3 不应该在 height: 100% 和 height: 200px 之间进行动画转换吗?

发布于 2024-12-07 14:35:33 字数 468 浏览 2 评论 0原文

css3 过渡将插入 div 高度的状态。

目前,如果您使用与之前高度不同的单位设置高度,chrome13 将不会进行插值,

即:

    set height to 100%
    set height to 50% (on a different rendering frame)
    height will animate correctly (assuming proper use of transition)
    set height to 100px
    height will not animate

Chrome bug?规格错误?

激励性的示例性 jsfiddle:http://jsfiddle.net/zDywJ/21/

css3 transitions will interpolate the state of the height of a div.

Currently, chrome13 will not interpolate if you set the height with a different unit than the previous height

i.e.:

    set height to 100%
    set height to 50% (on a different rendering frame)
    height will animate correctly (assuming proper use of transition)
    set height to 100px
    height will not animate

Chrome bug? spec bug?

Illustrative jsfiddle for the motivated: http://jsfiddle.net/zDywJ/21/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

糖果控 2024-12-14 14:35:33

我不认为这是 Chrome 或规范中的错误。

据我所知,CSS 无法将百分比更改为像素单位...因此它无法比较开始和结束以执行转换。

I don't think this is a bug in Chrome or in the spec.

As far as I can see, CSS has no way to change a percentage into a pixel unit... so it would not have a way to compare the beginning and end in order to execute the transition.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文