2013-05-14 56 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