>  Q&A  >  본문

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

892670031-581ee02140c15_articlex.png

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

结果就变成了这样:

892670031-581ee02140c15_articlex.png

不知道哪里出现了问题?

高洛峰高洛峰2922일 전926

모든 응답(1)나는 대답할 것이다

  • 三叔

    三叔2016-11-07 15:49:46

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

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


    회신하다
    0
  • 취소회신하다