css - 如何从CSS中的渐变中去除淡入淡出

Question

我的 html 代码中有以下按钮
<input type="button" id="button" title="button" name="button" class="button" value="button" />
附上这个 CSS

.button{
  width:200px;
  height:;50px;
  position:relative;
  top:50px;
  left:200px;
  background:-webkit-linear-gradient(180deg,white 33%,blue 67%)
}

https://jsfiddle.net/mudkcuqj/

现在我的精神渴望消除由 gradient 引起的令人发指的褪色

Answer 1

如果您想要消除从蓝色到白色的淡入淡出，并让它变成蓝色直到一个点，然后变为白色，让颜色在同一点开始和结束。

.button{
  width:200px;
  height:50px;
  position:relative;
  top:50px;
  left:200px;
  background:linear-gradient(180deg,white 33%,blue 33%);
  background:-webkit-linear-gradient(180deg,white 33%,blue 33%);
}

<input type="button" id="button" title="button" name="button" class="button" value="button" />