Html 如何控制多重线性渐变的过渡？

假设我们有：

.el {
  background:linear-gradient(to bottom, black, black), linear-gradient(to bottom, red, red), linear-gradient(to bottom, blue, blue), linear-gradient(to bottom, green, green);
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:100% 0;
}

.el:hoover{
 background-size:100% 100%;
}

如何控制每个线性渐变的过渡？让我们说。。。。500ms 800ms 1s 1.5s

如果没有另一个

div

/

：：在
/
之前：：在
之后，是否可能

谢谢
是的，转换适用于您设置的整个属性。如果你有不同的元素，你可以添加单独的转换。不，你不能直接这样做，但是只有当我们知道真正的需要，而不是一个没有实际显示你需要什么的简化代码时，才可以考虑其他方法。例如，这里没有一个渐变具有透明度，因此当大小为100%时，只有最顶层（从左开始的第一层）将显示。因此，如果第一层的时间较短，那么即使每个梯度可能有不同的过渡时间，其他层也绝对不可能出现。