css3 实现一个线性渐变出现的问题？

问题描述

问 题

.linear {
    position: relative;
    height: 1px;
    width: 100%;
    background: -webkit-linear-gradient(left,#fff 20%,#000 60%,#fff 20%);
}

结果就变成了这样：

不知道哪里出现了问题？

解决方案

用法：-webkit-linear-gradient(left,#fff 20%,#000 60%, #fff);

颜色断点后面跟着百分比，是整个线性距离的百分比，所以，最前面应该是 0%，最后是 100%，其余百分比依次递增。
0% 与 100% 可以省略不写。

这篇关于css3 实现一个线性渐变出现的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！