我目前有这行代码:

background: linear-gradient(to left, #1e5799, #2ce0bf, #76dd2c, #dba62b, #e02cbf, #1e5799);


现在,我认为度数为90,是否可以修改该行代码以旋转渐变?非常感谢你!

最佳答案

 background: linear-gradient(180deg, #1e5799, #2ce0bf, #76dd2c, #dba62b,

这是一个实际的示例(请确保使用前缀以实现跨浏览器兼容性)
#d {
  background: -moz-linear-gradient(180deg, #1e5799, #2ce0bf, #76dd2c, #dba62b, #e02cbf, #1e5799);
  background: -webkit-linear-gradient(180deg, #1e5799, #2ce0bf, #76dd2c, #dba62b, #e02cbf, #1e5799);
  background: -o-linear-gradient(180deg, #1e5799, #2ce0bf, #76dd2c, #dba62b, #e02cbf, #1e5799);
  background: linear-gradient(180deg, #1e5799, #2ce0bf, #76dd2c, #dba62b, #e02cbf, #1e5799);
  width: 500px;
  height: 500px;
}

<div id="d"></div>

关于html - 如何旋转复杂的渐变背景?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43266955/

10-13 02:34