最近终于出了一个万众期待的新 CSS 特性：transition 支持关键字等的动画效果了
一个很简单的例子就是，如果写一个按钮，hover 前固定宽度，hover 后为 auto，开启前后的效果如视频所示
这个效果在有这个功能之前做起来非常麻烦，纯 CSS 应该是做不出来的，JS 写也特别麻烦
这个功能目前仅 Chrome 129+ 提供了支持，不过大家也可以用起来了，毕竟只是增强效果，不影响排版什么的
一些相关链接：
https://developer.mozilla.org/en-US/docs/Web/CSS/interpolate-size
https://developer.chrome.com/docs/css-ui/animate-to-height-auto
https://caniuse.com/?search=interpolate-size

这也能关联？
讲错了知道改正，好评，不像○○○和○○

https://www.bilibili.com/video/av113669027469018

人活着就是来吃饭睡觉的！
source