想做分段彩條效果，但是每段連接處是虛的，如何消除呢？有沒(méi)有辦法避免？.top {height: 28px;
background-image:
linear-gradient(
to right,
$red1,
$red1 20%,
$yellow1 20%,
$yellow1 40%,
$blue1 40%,
$blue1 60%,
$purple1 60%,
$purple1 80%,
$brown1 80%,
$brown1 100%,);
}
1 回答
陪伴而非守候
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個(gè)贊
.liner { height: 66px; background-repeat: no-repeat; background-size: 20% 100%, 40% 100%, 60% 100%, 80% 100%, 100% 100%; background-position: 0 bottom; background-image: linear-gradient(#000,#000), linear-gradient(green, green), linear-gradient(pink, pink), linear-gradient(yellow, yellow), linear-gradient(orange, orange);
}我試了也是須的（估計(jì)是chrome bug），所以換了個(gè)路子，這樣就可以了
添加回答
舉報(bào)
0/150
提交
取消