疑问：CSS带参数linear()缓动函数是否未被浏览器引擎实现？

你观察得没错，带<linear-stop-list>参数的linear()确实仅处于CSS规范草案阶段，目前没有任何主流浏览器实现，这就是你找不到实际文档和使用示例的原因。

具体细节：

• 我们平时常用的无参数linear()是CSS过渡/动画的基础缓动（匀速效果），这个已经被所有浏览器支持很多年了。
• 带参数的linear()是《CSS Easing Functions Level 4》规范新增的特性，设计用来实现分段线性缓动——比如让动画前半段匀速移动，后半段以另一个匀速速度移动，类似关键帧的线性分段效果。
• MDN会提前收录处于草案阶段的规范内容，方便开发者提前跟进，但这类特性往往还没进入浏览器实现流程，所以没有可运行的示例，也很少有相关教程。
• 截至2024年，Chrome、Firefox、Safari等所有主流浏览器都未支持该语法，如果你在代码里写linear(0%, 0.5 50%, 1)这类语法，浏览器会直接忽略， fallback 到默认的缓动行为。

如果需要实现类似的分段线性动画效果，目前可以用这些替代方案：

• 拆分多个过渡/动画，通过关键帧（@keyframes）定义不同阶段的匀速动作
• 使用steps()函数模拟阶梯式的分段效果（注意和线性分段的区别，steps()是跳变，不是连续线性）
• 通过JavaScript手动控制元素的动画进度，实现精准的分段匀速

内容的提问来源于stack exchange，提问作者Mahdi Khodabandeh