html - 将褪色的黑色分隔符从“-webkit-gradient”转换为“linear-gradient”

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

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

JSFiddle Sample

最佳答案

采用

.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>

关于html - 将褪色的黑色分隔符从“-webkit-gradient”转换为“linear-gradient”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32915539/