最近终于出了一个万众期待的新 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
一个很简单的例子就是，如果写一个按钮，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