我当前的项目使用了很多基于 CSS 的背景渐变。它们并非用于每个元素，但它们对于用户界面非常重要。在整合它们时，我无法找到这些梯度如何影响性能的详细答案。
显然，当第一次绘制相应的元素时，具有多个渐变将使用处理能力。是否知道这种梯度生成是否也可以是硬件加速的，还是仅限 CPU？
此外，IMO 更重要的是，它们是否被缓存？如果是这样，两个元素必须相同才能共享相同的“生成”渐变？我的第一个猜测是 css-statement 和 element-size 必须相同（即使包含此语句的类不同）。它也有可能是按类缓存的，但是元素大小可能不同，因此需要另一个渐变。
例如，如果我有一个包含 15 个列表项 (li) 的列表 (ul)，每个列表项都有一个背景渐变并包括三个也具有背景渐变的元素，那么每个元素类型都有一个恒定的大小。浏览器会生成 15 或 60 个渐变吗？