2017-04-06 82 views
0

我现在有这行代码:如何旋转复杂的渐变背景?

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

现在我觉得度为90,是没有办法,我可以修改一行代码旋转渐变的方式?非常感谢你!

+1

是,...'线性渐变(-45deg,#1e5799, #2ce0bf,#76dd2c,#dba62b,#e02cbf,#1e5799);' – LGSon

回答

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>

+1

始终将前缀属性放在首位 – LGSon

+0

确实让我更新 – repzero