2017-04-06 83 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