.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 Linear Gradients.classname {
background: -webkit-linear-gradient( 90deg, #ffffff 10%, #bdbdbd 50%, #ffffff 90%) ;
background: -o-linear-gradient( 90deg, #ffffff 10%, #bdbdbd 50%, #ffffff 90%) ;
background: -moz-linear-gradient( 90deg, #ffffff 10%, #bdbdbd 50%, #ffffff 90%) ;
background: linear-gradient( 90deg, #ffffff 10%, #bdbdbd 50%, #ffffff 90%) ;
padding:10px 0;
text-align:center;
}
CSS Gradient
兼容性: IE10及以上
回答:
为什么是20%-60%-20%而不是20%-60%-80%, 哈哈哈哈
回答:
为什么是20%-60%-20%而不是20%-60%-80%, 哈哈哈哈
它是个0到1的值用百分比标示坐标从0%右边到100%
回答: