CSS 正在经历一年里最大的一次进化。Josh W. Comeau 写了篇长文，前瞻 2027 年 CSS 最值得期待的 10 个特性——背景是浏览器厂商的 Interop 协作项目：Google、Apple、Microsoft、Mozilla 联合 Igalia 和 Bocoup，每年挑一批特性集中推进跨浏览器支持。
Interop 项目的成功有先例。CSS Subgrid 2019 年就在 Firefox 里实现了，但其他浏览器好几年没跟进；被列入 Interop 2023 后，年底就全浏览器可用。今年的 Interop 2027 用了一套社区投票系统，Mozilla 做了个排名让大家给最想要的功能投票，决定明年推进哪些。Comeau 把自己投的 top 10 拆开讲了一遍，有几个特性尤其值得注意。
最「科幻」的是 CSS 函数（@function）——给 CSS 加真正的函数定义能力。提案支持 @function --gradient-to-transparent(--color, --direction: bottom) { result: linear-gradient(...) } 这种写法，把一段样式逻辑打包成可复用函数。Comeau 最感兴趣的是用它做极坐标和直角坐标的转换，比如 transform: --translate-polar(45deg, 100px) 直接把「角度 + 距离」翻译成位移。这已经在 Chromium 浏览器里实现了，感觉确实有点未来。
另一个是 corner-shape——除了圆角之外的新圆角方案。现在 border-radius 只能做四分之一圆，corner-shape 提供了 squircle（超椭圆圆角，Apple 用了好多年，边缘更柔和）、bevel（切角，很有游戏/科幻 UI 感）、notch、scoop 等选项。关键区别是：它真正改变 border-box 的形状，所以 border、outline、box-shadow 都会跟着新的角走，而不是像 clip-path 那样只裁剪视觉。虽然 Firefox/Safari 还没支持（2026 年 10 月现状），但它是完美的渐进增强——不支持就当普通圆角。
还有配套的 border-shape：更低层的提案，用直线、圆弧、贝塞尔曲线自己画任意边框形状，可以做出卡片顶部挖一个圆形缺口这种效果。
这些特性指向一个共同方向：CSS 正在从「描述样式」走向「描述算法」。函数、坐标转换、自定义形状——都是把开发者从「摆属性」推向「写逻辑」。配合已经落地的容器查询、:has() 选择器，CSS 这几年的进化速度比过去十年都快。对前端开发者来说，现在是最好的跟进时机：Chrome 155 已经支持不少，渐进增强的窗口已经打开。
参考来源：