如何解决如何仅使用 css 从一种“多色”线性渐变过渡到另一种?
我正在尝试使用 css 创建一个 html 滑块,其中轨道具有 3 色渐变,在滑块拇指停止的地方过渡到不同的 3 色渐变。我已经看到很多关于如何使用纯色而不是 3 色渐变来实现此目的的示例。
HTML
<div class="slidecontainer">
<input type="range" min="100" max="1500" value="460" class="slider" onchange="updateLoanAmount(this.value)" id="loanRange">
</div>
CSS
.slider {
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
height: 10px;
border-radius: 5px;
background: linear-gradient(#29592e,#8bce34,#29592e);
outline: none;
opacity: 0.9;
-webkit-transition: .2s;
transition: opacity .2s;
}
过渡到
linear-gradient(#77777a,#ffffff,#77777a);
我尝试上传图片以提供更好的解释,但我的帐户太新,Stack Overflow 尚不允许我这样做 - 抱歉...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。