转换褪色黑色分隔符来自＆＃34; -webkit-gradient＆＃34;到＆＃34;线性渐变＆＃34;

Question

我有一个我正在使用的渐变，我希望从-webkit转换为默认的线性渐变。我尝试在线使用所有CSS生成工具来导入代码以查看其他浏览器特定的变体，但由于某些原因，当我导入代码时，结果部分中的渐变变为白色。

    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));

JSFiddle Sample

Answer 1

使用

.sexy_line {
    background: linear-gradient(to right, white, black, white);
}

有关线性渐变的详细信息，请参阅此MDN article。

<强>样本

.sexy_line { 
    margin: 25px 0;
    height: 1px;
    background: black;
    background: linear-gradient(to right, white, black, white);
}

<div class="sexy_line"></div>

Answer 2

我使用ColorZilla's Gradient Editor 所有的时间，因为它吐出跨浏览器代码并且非常易于使用。