Adam Argyle
发布时间：2025 年 3 月 6 日
2 月 25 日，Chrome 发布了@function 的发布意向，并收到了要求延长实验阶段的反馈。虽然整个实验阶段并不短，但最近发生了一些影响深远的规范变更，因此需要再进行一些实验。
我们也希望并期待，延长实验阶段后，社区能开展更多实验。
调用实验
现在，您可以获取一个 Canary 副本，启用实验性 Web 平台功能，开始测试 CSS @function，并报告您发现的任何 bug。现在，我们有时间进行更长时间的实验，应该好好利用这一点。
下面列出了一些探索，可帮助您快速上手：
以下 CSS 展示了一个简洁但实用的示例：
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
想要详细了解 @function？
Bramus 提供了一组出色的演示，CSS Tricks 也很快就加入了这一行列。
参数？返回值？这值得我把咖啡吐出来！我不得不详细了解这些内容，幸运的是，规范写得非常清楚。