如何旋转复杂的渐变背景?

时间:2017-04-06 22:47:41

标签: html css

我目前有这行代码:

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

现在我认为学位是90,有没有办法可以修改那行代码来旋转渐变?非常感谢你!

1 个答案:

答案 0 :(得分:0)

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

这是一个实际的例子(确保你使用前缀来交叉borwser compatabiblity)



#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>
&#13;
&#13;
&#13;