2013-05-14 60 views
0

我有改變<hr/>到漸變類型的CSS代碼,改變梯度hr的線性值

<hr class="style-one" /> 

.....

hr.style-one 
{ 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
} 

但是樣式生成(白 - 黑 - 白色)漸變,你可以檢查它Here :)
我怎樣才能改變這個漸變(黑色 - 白色)?

回答

1

更改CSS來

hr.style-one 
{ 
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
} 

按照FIDDLE

+0

:),謝謝烏斯曼! – zey 2013-05-14 04:48:39

+0

其我的快樂爵士.... – Usman 2013-05-14 04:52:45